/wdg/ - Web Development General

>>56282670
First for memes

Is http://opalang.org/ any good?

>>56283275
the github page is ded

>>56283275
This looks hilariously bad.

File: hipster_girl_1.png (79KB, 300x680px) Image search: [Google]

79KB, 300x680px

does anyone actually use the schema.org stuff?

>2006
>need to make a table appear in the middle of a cell in a bigger table
>just add align="center" to the td and table tag.
>2016
>need to do the same thing
>https://stackoverflow.com/questions/14075918/center-a-table-inside-a-td suggests two different CSS tricks
>neither of them work

What the fuck happened to HTML? Why is it so complicated now?

>>56283861

actually yes . if you integrate schema.org on your site and check it against google structured data testing tool, you will see how rich snippets are also made when searched in google.

Serious question, is php the only thing that completely ensures SEO?

I've got HTML coming in on one port and the only two options I can think of are an iframe and using PHP such as

<?php
echo file_get_contents("127.0.0.1:3333/stuff");
?>

The alternative is an iframe with a src of that address.

Just asking, because I can't seem to get PHP working with inline PHP and nginx on my testing computer.

If all else fails, I'll redirect the entire page itself to address and add some more html to it.

In client I have a string of _id, for example it is "1g273fkuydvk12c12...". How can I query this back to MongoDB? I need to somewhat convert this into ObjectId(1g273fkuydvk12c12...) then return corresponding object.

I am using NodeJS with Mongoose. Any idea?

arr = [120,6,3,80,5,2,20,90,22,23,21,4,1]

how do you split this array so items that aren't more than 2 apart from each other form a sequence like this:

[1,2,3,4,5,6]
[20,21,22,23]
[90]
[80]
[120]

even though 1 and 6 are more than 2 apart they end up in the same array because they form a chain of numbers that aren't more than 2 apart.

is this a hard problem or am I just stupid?

>>56284643
sort the data first.

then do your splitting ?

for (i = 0; i < size of array; i++) {
    if (i + 1 < size of array) {
        if absolute value of array[i] - array[i+1] {
            subarray[] = array[i];
        } else {
           resultsArray[] = subarry;
           subarray = new array();
        }
   } else {
           resultsArray[] = subarry;
           subarray = new array();
   }      
}

that's pretty terrible. i'd probably be more inclined to use recursion, but i cbf with that right now.

File: 2005868.jpg (339KB, 1200x1695px) Image search: [Google]

339KB, 1200x1695px

LLSC stack master race!
(Linux, Lighttpd, SQLite, C)

>>56285037
edit; beyond my shitting typing, that if statement should be

if abs (array[i] - array[i+1]) > 1 ) 

>>56284401
This guy here with an update.

Failed to get inline PHP working with nginx so I'm going to build the entire page with react js and redirect it from nginx to the service in the landing location. The real trick is going to be keeping the backup page, but I think I can do it the same way as an auth location setting for nginx.

Because fuck PHP and I don't trust iframes for decent SEO.

I have no skills at CSS.

I can't even make a navbar.

Why isn't v-aligning text a thing yet in the year 2016? Seriously now. Nothing quite like having text in a div aligned at the very top because CSS sucks dick.

hey guys, silly question but how do news aggregator sites post their headlines? are they doing it manually or using some kind of live feed?

The 'Brand' is throwing off my nav items.

I can't figure out how to fix it.

>>56285101
"Inline PHP" aka getting URL contents should work, why do you think it's not working for you. Also what is the source of that HTML.

File: navbar.png (7KB, 951x109px) Image search: [Google]

7KB, 951x109px

WEW this is why I'm back-end.

How to fix? I'm considering mathing percents and adding tons of unnecessary containers.

>>56285182
Most news sites probably have some sort of RSS feed. And for others it's propaani some kind of scraping.

>>56285380
What are you trying to achieve anyway?

>>56285401
I want the nav links centered regardless of how big the 'brand' is.

>>56285165
>what is flex

>>56285567
What is widespread browser support?

>>56285579
>caring about boomers who use IE10

>>56285579
just use skeleton fagot

>>56285579
http://caniuse.com/#feat=flexbox

look at all that green.

>>56285362
I tried just injecting that line of PHP into my the static html file hoping I could just echo out the html coming in from a backend service. Instead, nginx leaves the php code in there and Firefox marks it in red as incorrect html code.

I've got a server running that's using reactjs to generate html, it's my own backend otherwise.

I gave up on php and learned rewrite rules on nginx, basically I'm just going to redirect the user straight into the service running react is. Provided I provide a backup page for 502 errors I'm fine.

The downside is I have to build an entire page with react js instead of just part of the page.

>>56284401
>is php the only thing that completely ensures SEO?


Whatever you think SEO is, you're totally doing it wrong.

>>56286168
I know what it's not.

It's not an entire page built from jQuery on the client side so when a Google bot finds my site it only sees the backup page and doesn't render JavaScript.

So I'll render the JavaScript at the backend and give Google only html. Unless it wants to fill in captchas, it won't have to render any JavaScript.

>>56285946
Rename your html file to PHP file?

>>56286303
Tried that too, didn't work.

File: .png (382KB, 3840x1080px) Image search: [Google]

382KB, 3840x1080px

So I am self taught PHP to a very comfortable and capable level and has lead to a nice job. However I want to start looking at some JS frameworks and such. I have settled on meteor and set up a VM to start doing some Dev for it.

My question now, is what front end/templating to use?
React / Blaze / Angular 2?

My initial thought is to head towards react, anyone use it and have some thoughts/advice? It looks very weird having all the HTML within the JS, with the model and view in the same file.

>>56286952
I'm only using react for server side rendering. I'd typically steer clear from too any libraries, if you need to ask which one chances are you're not going to use it right.

If you've self taught php, you can self teach html/css and chances are make a static website look great without even touching real script. Then learn jQuery.

>>56284294
Because you shouldn't be doing styling with html and you especially shouldn't be doing styling with tables. Tables are for displaying tabular data only. The only reason they were ever used for styling is because CSS was shit.

does anybody here have their own custom stack or I'm just dreaming too much ? I'm sick and tired of XAMPP because wangblows.

>>56286324
Do you even have PHP installed?

>>56287375
Use vagrant for dev environments. Compared to xampp it changes your life.

>>56287375
I generally just run what I need and don't use those packages.
I'd like to configure stuff on my own and not what some other guy thought will be best.

>>56287641
Yeah, its installed. My error was

<? php

Instead of

<?php

Seems to work how I want it.

Right now I'm just tossing up the alternatives. PHP doesn't seem too bad now considering I only want one line in my entire project, that being said I could skip having php installed on my real server and just add a redirect rule for nginx.

>>56287375

>Get an EC2 VM
>Setup a virtualhost in nginx for every app you develop

>>56284294
it got better
html is for definition
css is for styling

deal with it nigga

>>56287375
*GTR
* - whichever non-esoteric OS
Go
TypeScript
RethinkDB

>>56286952
become good at styling with css

use bootstrap for alignments

>>56286294

You can use literally any web development language possible (including JavaScript) and have the site totally server rendered and Google indexed.

>>56287891
so you can do a stack without having to install a fucking package ? so I'm the lazy one . huh .

>>56288030
ah nginx, I really have to leave windows . Because AFAIK there's no nginx port in windows ?

>>56288083
>Go

any web dev anons interested in data science?

been toying around with visualizing data using javascript libraries, shit like machine learning from clusters gets me pretty rock hard

>>56288153
>>Go
You are free to use C++ instead, if you have a higher performance target.

>>56288153
a "stack" is just a collection of software, a package. everything is pre configured for people who don't know what they're doing.

https://nginx.org/en/download.html

or just run nginx from the windows subsystem for linux.

>>56288124
Again, not if your site is built from append statements at the front end. If you've got to load data from a backend and still have Google crawl right, things are different.

>>56288153
>PHP on WIndows

>>56288336
Outdated info. Google indexes client-rendered pages just fine now.

How does one scrape a reCAPCHA image from a site if the URL for the image is mostly generated with JavaScript?

>>56288765
Load the page with javascript enabled.

>>56286952
Meteor is shit. Just use the official(?) create-react-app cli tool for react. Meteor has a whole bunch of other baggage you probably don't want to deal with. (Stuck on an old version of npm, hard to make it cooperate with other frameworks, etc. It also doesn't scale well at all, not that it matters really for a practice thing.)

>anyone use it and have some thoughts/advice?
1. If you're just starting out, the tutorial on the official site is pretty good.

2. Don't worry about Redux/Flux/Webpack and all the other extra shit that goes with React until you have a firm grasp on React itself.

>It looks very weird having all the HTML within the JS
The reasoning is that since parsing and rerendering the DOM is slow, you should do it with javascript instead which is way faster. And JSX isn't actually HTML, it just looks like it. Before execution it gets compiled to javascript document selectors. They're wordy as fuck though, so most people use JSX to keep things clean.

>with the model and view in the same file.

React isn't an MVC framework, and depending on who you ask, it's just the view anyway. Also MVVM is a thing.

>>56288586
No.

No it doesn't. If I Google my website, I see the backup page text. Google will not run jQuery for their bots. Why are you posting absolute bullshit?

>>56289255
They made an announcement about a year ago that their crawler now indexes JS-rendered sites. Maybe your site has some other problem.

>>56287295
>Because you shouldn't be doing styling with html
Uh... what? What am I supposed to do styling with?

>Tables are for displaying tabular data only. The only reason they were ever used for styling is because CSS was shit.
You sound like one of these morons who shun people everytime they use tables because they should be using div tags instead even though that's a lot less practical just because "table" is the word "table" and therefore should only be used for "tables" or your autism is triggered.

>>56289744
>>Because you shouldn't be doing styling with html
>Uh... what? What am I supposed to do styling with?
CSS

>>56289759
Oh, I thought anon was telling me not to use CSS with html.

Aligning a table inside a table isn't styling. It's layout. Layout should be done inline. I get that W3S wants to deprecate all HTML properties that are covered by CSS, but the "align" property of table isn't covered by the "text-align" property of CSS. One aligns everything, the other just aligns text. Hence, this is retarded. Now how the fuck am I supposed to align stuff that isn't text? I am almost thinking about adding table cells to the left and right of my table just to split the empty space. I never had to do that with HTML4. Seriously, fuck this.

>making a website
>add one bullshit fact
>if someone copies that fact I know he's copying my shit
Sometimes things are so simple.

I mean, did you know that the Papianera mountain is known for being rich in gold. That's why many old civilizations used to worship it.

>>56290003
In 2000 years everyone will be searching for the lost Papianera mountain, as mentioned on the ancient texts of the internet.

>>56288083
Do you actually have job with this stack?

>>56289792
Learn CSS, seriously. You can do all your layouting with CSS and correct HTML. There is reason why tables are shunned.

Are the Jon Duckett books any good? I can get a double pack of HTML5&CSS3 and JavaScript&JQuery books Prime'd to me for £25.

>>56290124
Why? Seriously. If I want to layout a page with two columns, seven rows on one side with 5 of these split into two columns and two rows on the right side, tables are designed for that purpose. Why would I use anything else? It will just require extra styling and code and will give exactly the same result.

>>56290510
Do that with tables and tell me how responsive it is.

>>56290510
That's what I'm doing right now. The only problem I'm having is centering the damn thing inside a bigger table.

What is the alternative?

>>56290692
Meant to respond to >>56290574

>>56290235
If you're talking about the books I think you're talking about, they came out pre-ES6 and probably somewhat out of date, unless they released a new edition recently that I'm not aware of. You're generally better off using online resources anyway, the web dev world moves fast.

And regarding HTML & CSS, you really don't need a book, just a brief explanation, a list of all the elements, selectors, attributes, etc., and a browser to play around with.

>>56290762
I've been using Codecademy but Im concerned the best content is gonna be behind a paywall and once I finish their content I'm gonna be stuck.

I've placed the order (apparently I get a student discount too) but I am totally new to development/programming of ANY kind and I figured they'd help me along.

>>56290785
It's [current year], everything you need to know can be found on youtube.
>learn HTML standards
>learn CSS basics and start using SASS as soon as you can
>learn JS basics, learn the module pattern and avoid using jQuery

>>56290862
Okay, any decent channels you'd recommend for that? If you can tell me a really solid one I'm gonna marathon that shit tomorrow and Monday.
Bank Holiday rocks.

>>56290692
>What is the alternative?
Media queries?

You should go find a tutorial on responsive design and probably HTML/CSS. Somehow I get the feeling that trying to put tables inside of tables isn't the only stupid thing you're doing.

>>56290785
Codecademy is a fine intro to HTML, CSS, and JS. Unless they've changed recently, I don't think anything important is paywalled. You should use them to get a feel for the syntax and basic usage, then move on to something like the Odin project or Free Code Camp. (Maybe try FCC until you start feeling stuck, then move on to Odin and vice versa.) http://www.htmldog.com/guides/ is relatively short and explains everything pretty well too. Once you get to a point where you don't feel completely lost, the best way to keep learning is to make stuff. Try to clone existing websites, etc. Overall, the main thing is to just practice every single day.

Oh, and don't get scared off by backend stuff. It's not that hard, it's just different.

>>56290903
We used to have a section for that in the OP, not sure what happened to it. Some good channels are:

LearnCode.academy - pay attention to the age on some of the videos. The older ones may not be 100% relevant.

The New Boston - Same thing with the age thing.

Derek Banas - Again, the age thing. A lot of "learn x in y minutes"-type things that are good if you want a brief overview. Just don't expect to watch one of those and go from nothing to expert in 30 minutes.

FunFunFunction - Lots of good general programming advice and intermediate-level JS stuff focusing on functional programming.

Computerphile - Some general interest programming and computing stuff. Most of it is "huh, that's interesting" stuff more than useful info, but there are some nugs in there.

Tom Scott - There are a few videos about SQL injections and XSS attacks that are good. Some other nugs in there too, but most of it is non-computer related

>>56287151
Are you really telling someone to learn jquery over react? You must either suck at React or have an attachment to jquery already - if you have a clean slate then DEFINITELY go for React. Realize that React is harder than jQuery, but when it finally 'clicks' your life will change.

>>56291054
>>What is the alternative?
>Media queries?
What the fuck will media queries do that classes and inline styling doesn't already do in my specific case? You're basically just telling me to use the same CSS properties but with a more complicated way of applying them to the elements.

"Why do simple when you can do complicated?" - W3S.

>>56290903
https://www.youtube.com/watch?v=sBzRwzY7G-k
Codeacademy is pretty decent and updated.

https://www.youtube.com/channel/UCpqYfSWEcyBGorRGvPsHkgg
This guy does good JS videos as well.

>>56291054
Oh and
>putting tables inside tables is stupid

Like for a lot of deprecation for the HTML5 standard, you have no logical reason to motivate saying that.

File: 1452450903311.gif (905KB, 853x480px) Image search: [Google]

905KB, 853x480px

>>56291054
You're a scholar and a saint. Cancelled my order and subscribed to all those channels. Thanks ever so much.

>>56290692
One big fixed width div centered. Google for CSS centering. Columns are floating divs.

>>56291128
Why the fuck are you using tables like a pajeet? I haven't used tables since 2005

>>56291174
>Columns are floating divs.
See, this is what I'm talking about.

Columns do the jobs of being columns on their own without any trick. To make a div into a column, you have to make it floating. And that opens up a huge box of potential problems.

Why do you guys have to make everything complicated? It was the same shit back in the mid 2000's when frames became "bad form". It just made the job too easy so W3S decided it was bad.

>>56291205
This is literally like bragging that you're a vegan.

>>56291217
>floating
flexbox exists.

>>56290862
Just another quick Q, why should I avoid using JQuery?

>>56291217
the problem with tables being abused for layouting is you can't make them dynamic.
on your mobile design, you might want only one column instead of multiple.
you can't do that with a table.

>>56291230
do you know what literally means? tables are the most deprecated and useless HTML standard that can't be done with css today.

>>56291217
frames was a terrible idea from the start.

>>56291264
jquery wraps javascript into simpler methods, obscuring what's really happening.
if you only use jquery you'll be dependent on it, so learn without it and then use it if you want to.

besides, today most of jqueries stuff can be done natively.

>>56291295
So HTML > CSS > JavaScript > JQuery is a good order? So I dont become dependant on JQuery?

what you guys are building?
i got no idea what to do

>>56291264
see >>56291295
I only use jQuery only for ajax stuff. The .load function is actually really handy as it lets you load specific DOM elements from an url. For selectors i use sizzle (which is integrated into jQuery) that way i can select objects and still bind them to native JS functions like

 
#('.objects').addEventListener('pointerdown', something, false);

#('.objects').classList.add('.class');

>>56291062
Not that anon, but Facebook's own official React tutorial actually uses jQuery to do AJAX calls.

>>56291264
Not *that* anon either, but it's mainly because jQuery does a lot of "magic" shit behind the scenes that you don't really need. Also jQuery selectors are like 1000x slower than builtin selectors and most of the time people are adding it just for that an none of the other stuff it does.

>>56291334
Yes. I wouldn't even put that much emphasis on jQuery. You don't really even *need* to learn it at all, desu.

>>56291345
Clone some other site you like.

>>56291399
>>56291394
Cool, thanks, I'll report back in a few days with progress report.

>>56290094
Of course not.

File: 0_128a22_6b016db0_orig.jpg (2MB, 3704x5491px)

2MB, 3704x5491px

My dad is an alcholic and I want for me and my siblings to be able to record his level of drunkenness after we talk to him on the phone.

To make this website, what framework can I use that would allow a visitor to select an option 1-10 on a form for example and for the result of the POST to be displayed with a timestamp on an updating view? This will also serve as practice for me because I need to improve my webdev skills, so no WP please.

A qt korean for your troubles.

>>56291486
>what framework can I use that
No framework, every language.

I could do that in PHP in like 10 minutes and I'm a slow and unemployable programmer who's only skill is breaking permissions on every LAMP install.

>>56291486
That's a pretty fucking depressing project you got there, anon. You don't really need a framework for that though, just a simple HTML form. If you want to AJAX it, you you can do that easily enough with vanilla JS.

The backend depends on where you're hosting the site and what they have available, but just grabbing the POST and appending it to a .txt document along with a timestamp is probably the simplest way. You can do that easily with any language.

Anyone want to make millions?

Make a recruiting agency for entry-level programmers and web developers.

Infinite money.

I am in constant contact with 4 different placement companies and none of them bother looking for entry-level stuff.

>>56291726
Because nobody cares about entry level and with a good reason. They are a dozen for a penny and cost more effort than they are worth.

>>56291290
What's funny about this is you're still just going "don't do this because it's bad" without giving me a reason, exactly like I complained you, web developers and W3S was doing.

I think you guys just enjoy the elitist edge that making simple stuff obsolete gives you. You get to talk down to people who take the simple way and that's what gets you off.

So I helped someone get their pagerank up and learned about all the google stuff recently for a tidy sum of money. What is one's job title if you are just managing someone's social media accounts, website, and google shit?

>>56291399
>Also jQuery selectors are like 1000x slower than builtin selectors
No. Sizzle selectors are about as good as it gets as long as you know how to use them properly. The easiest to remember is: define containers, find child elements:

const container = $('.parent')
const element = container.find('.child')

Secondly, Sizzle breaks your selector string into an array, that way it knows when to use native selectors like getElementByID instead of using one method to select any element. If you're using more specific selectors, you have to know that Sizzle selects elements from right to left.

//slower
const el = $('p .special');

//faster, as sizzle only has to look for span tags, instead of any element containing .special 
const el = $('p span.special');

In HTML, is there a way to make a single anchor open multiple different links in new tabs instead of just one link?

And importantly, is there a way to do it using only HTML, and JS?

>>56292241
Social media manager. I wouldn't use it as a title though, it's tacky as hell.

>>56292310
no, thankfully

>>56292153
Abandoning old standards is not elitist. Tables will not give you nowhere near the same flexibility basic CSS can, assuming you'll have anything other than plain text inside those row/columns.

>>56292349
For tax purposes though social media manager? SEO Engineer? I did everything including create the content because all his images and everything was low res.

>>56292426
Web and social media manager. Engineer is a bit too much.

Does anyone run their own servers at home? What's your size/expenses every month, and is it possible to make any money off of your machines? Thanks.

Does anyone know how would I go about making something like this?

http://alvarotrigo.com/fullPage/#firstPage

>>56292597
It's normal to run server at home for development and testing purposes. For actual live stuff i would get vps or real server hosting.

>>56292671
Can't tell if bait
https://github.com/alvarotrigo/fullPage.js

>>56292153
Jesus, you're an insufferable prick. Why frames are bad:
- Can break forward / back buttons
- Bad for SEO
- Can break bookmarking and the URL bar
- Links can open inside the frame
- Can break screen readers, crawlers, and text-based browsers
- Sizing everything properly is a pain in the ass
- Inconsistent behavior between browsers
- Fucktons of security problems and other annoyances

Why tables (for styling) are bad:
- They mix content and presentation
- They aren't semantic
- Not DRY - If you have multiple pages and want to change your layout, you have to redo everything on every page instead of just changing the <link> to the .css (and if you share the .css between multiple pages, it gets cached by the browser. Inline styling is bad for the same reason)
- Break screen readers, crawlers, mobile devices, and text-based browsers
- Sizing everything properly is a pain in the ass
- Images get fucked up
- Hard to select text to copy
- Literally takes longer to style table-based layouts than CSS layouts if you aren't completely incompetent.

And plenty more I don't care to list out.

>>56292241
Social Media Ninja/Guru if you're a cunt.

>>56292310
You could add a click handler to the anchor and use js to open multiple pages. It will most likely get caught by popup blockers and make sure your visitors never come back, though.

>>56292597
It's possible but moderately ass-painful to run a home web-server for personal use (there's a guide on the /g/ wiki) but between worrying about uptime, maintaining the hardware, security concerns, electricity costs, and dealing with consumer-grade ISPs, it's just nowhere near worth it. You just can't provide anything close to the level of service to price ratio that datacenters can.

>>56292708
>>56292740
Thank you for the education. I think I'll get a cheapo server for fun.

>>56292740
>You could add a click handler to the anchor and use js to open multiple pages. It will most likely get caught by popup blockers and make sure your visitors never come back, though.

That's exactly what I needed, thanks.

I'm making a personal startpage. No need to worry about visitors. Wanted to make a link I could click to open up all my most visited daily news sites at once.

Tables are fine for tabular data, guys.

>>56292737
I mean how does the logic works, I know it's a plugin I'm already looking at the code but if someone could provide a rundown on how it works.

File: mpv-shot0004-min.png (412KB, 1920x1080px) Image search: [Google]

412KB, 1920x1080px

>tfw you can only write ugly, untestable, buggy code

>>56292740
Oh I'm so sorry for being so insufferable as to require logical reasons to shun simple solutions to simple problems. I guess logic is bad form in the world of web don't development.

Except for mobile devices, the user cases you listed are special snowflake cases that do not deserve attention. As for mobile devices, building the mobile and desktop versions of a website in the same webpages is a bad idea. You're requiring the phone to load and manage both versions, including all the possible bloat of a desktop website, and """""""" dynamically""""""" only display the mobile version with the dynamic content dynamically adjusted for a small screen. It's no wonder phone browsers feel so clunky and bloated with that kind of practice. The processing requred to adap a webpage for a mobile or desktop layout should be done on the server's side.

>>56292883
Learn about design patterns (DRY, SOLID, KISS, SLAP, YAGNI) etc, etc...

What's a good way of creating a page that automatically refreshes without actually refreshing the page?

I want to create a news feed website with live updates where users can view to get constant updates as they happen, I only need to know the basic logic of how to accomplish this.

>>56293989
http://www.html5rocks.com/en/tutorials/eventsource/basics/

>>56291486
just use google forms

I'm building a small API proxying server and API endpoint Manager
basicall it works like this (I doubt the ascii will work out)

+------------------+
|   +----------+   |  +----------+
|   | Api No.1 <-------          |
|   |          |   |  | API No.1 |
|   |  Proxy   ------->          |
|   +---|--^---+   |  +----------+
|       |  |       |
|   +---V--|---+   |
|   |Configured<------- User Request  (Api Call)
|   | Proxying |   |
|   |   Util   -------> Proxied User Response
|   +---|--^---+   |
|       |  |       |
|   +---V--|---+   |  +----------+
|   | Api No.2 <-------          |
|   |          |   |  | API NO.2 |
|   |  Proxy   ------->          |
|   +----------+   |  +----------+
+------------------+

except the api's are hotpluggable and more than 2 (essentially as long as there's resources more can be added)

>>56294404
The purpose being to make a way to tie 2 or more API's functionality in a manageable fashion

>>56294404
>>56294424

How are you going to deal with rate-limiting and usage limits? All the hits are going to show as coming from your server instead of many clients.

Legit ascii diagram btw

>>56285052
Any hints as to how to get started with SQLite and C?
Do you use FastCGI or similar?

>>56294644
The second part of the software is deployable. You just install it on the machine serving the actual api, It doubles as a license server and does the actual response. (Ascii digram doesn't show this part). Haven't figured out the rate-limiting yet. Still working on that. Latency is my big issue now.

And thanks, that diagram took me a good 20 min to look decent.

>>56292785
Yes, but here somebody wants to use them for layouting.

>>56282670
Best laptop for Web Development work?

>>56294644
>>56294760
I misread your post.
I'm working on a transparent proxy module for this reason.

>>56293071
Grandpa, it's not 2000 anymore. CSS is superior for layouting and mobile browsers work well enough that you don't need any special shit anymore.

>>56294913
Any decent.

what are the high paying niches in webdev? for freelance?

>>56294913
Macbook Pro if you want to spend the Apple tax and fit in at your local free-range organic vegan gluten-free cruelty-free pumpkin spice latte dispensary.

Refurbed Thinkpad if you're poor and/or a freetard (let's be honest, if you're one, you're probably both)

/r/suggestalaptop if you're into gaymen.

>>56295370
http://www.lmgtfy.com/?q=high+paying+niches+in+webdev+for+freelance

>>56295440
thanks pajeet

>>56295440
I get better results with this link:
http://www.lmgtfy.com/?q=highest+paid+web+jobs

>>56291486
>My dad is an alcholic and I want for me and my siblings to be able to record his level of drunkenness after we talk to him on the phone

my sides

>tfw forgetting simple stuff if I dont use it at least once a week.

It was so bad early I forgot who to use PDO.

Funnily enough I remember JS front and back years later because I learned it as a kid. Brain elasticity pills when?

File: 1412888955944.jpg (46KB, 579x819px) Image search: [Google]

46KB, 579x819px

http://alissa.ninja/paint/

Paint app is back up. Added some things to make it more secure. Also added mobile support for the painting app, and mobile support for the main site (initial scaling).

>>56295370
Probably a meme js framework.

The pay goes from 60k jquery jobs to 120k angular or node jobs.

>>56294913
Any netbook with ubuntu installed.

I use an ideapad. 11.5"

You look like a 1337 2000s hacker every time you apt-get.

>>56293989
Timed JSON requests.

I dont know if push requests are a thing in webdev. That would be better though.

>>56292883
>tfw repulsed by the idea of making a portfolio.

I have been in love with webdev half my life, but I hate CSS so much.
I'm learning flex box right now and have no idea what is going on.

>>56292241
Online marketing manager.

Don't say social media manager unless you want everyone to think you're an 18 year old memer.

Sass or less?

I am creating a WordPress theme that comes with everything needed to turn a site into a Progressive Web App..

It will set up local caching for assets and data and will try to keep http requests to a minimum.

It will reuse any branding options of regular themes and will impose minimal setup itself.

100% Material design

Optional BuddyPress and WooCommerce support

It's a turnkey solutiion to install your website to a phone's home screen.

People will love it.

Ok what the fuck are grunt gulp compass npm and all that shit and why do I need to know it.

The deeper I get into modern dev the more aids I uncover.

File: 1447261355982.jpg (18KB, 320x320px) Image search: [Google]

18KB, 320x320px

Does anyone here have any experience with socket.io?

I have a home server on my network and I'm trying to run a basic node socket chat client on it, and it works fine when I use it from within the network, but as soon as I try to use it via the network's external IP, the socket connection keeps dropping with "transport close" every few minutes and I have no idea why this is happening.

>>56296288
socket.io is needless bloat and bug-ridden. Use raw websockets.

File: rps20160827_181953.jpg (137KB, 1048x537px) Image search: [Google]

137KB, 1048x537px

Like how is this not a fucking joke.

>>56296081
Are you even using sass anon? Foundation flexbox?

>>56296336
I'm not going to rewrite the whole thing just because it MIGHT fix it.
And again, it works fine locally so I'm starting to think it's a problem with my connection or something.

>>56296418
I'm the post directly above you.

CSS wouldnt be so bad if it werent for floats, displays, and position shit. Highly doubt sass/less can fix that. Only precanned frameworks.

>>56296275
Grunt and gulp are task runners. They do things like compiling, minifying, linting, etc. Webpack is the other big one.

Npm is Node Package Manager. It's a tool that comes with NodeJS and lets you install javascript stuff that other people have made. Grunt/Gulp/Webpack and and the like are all node apps so you install them with npm. There are also billions of other libs, apps, frameworks, and tools on there. It's a big part of why node is great to work with and also what makes it a giant headache. It's kind of similar to pip for python if you're familiar with that.

No idea what compass is.

So I'm trying to do a React app that makes new recipes with the input of the user, the problem is that theres some "delay" and when you add the recipe and ingredients the app displays the thing that was previously on the inputs. I've been stuck on this for days, already tried every combination of things even make a function for each setState but it didn't work, with some testing I kinda know that the problem is in the properties passed to the <Recipe/> component that is in the AddRecipe component but have no clue on how to fix it. Help please. Here's what I got.

http://codepen.io/anon/pen/zBgwYq?editors=0010

>>56296635
So I should learn node is what you're saying.

>>56297003
Well you should learn javascript because like it or hate it, you're a shit web developer if you can't into javascript. Node is just a javascript runtime environment that has access to the OS APIs instead of the DOM API. If you know javascript, you know node. You don't really need to be an expert with node to use tools made with it though.

But yes, you should learn node is what I'm saying.

>>56297114
I've know javascript since 2001.

Node is hardly JS at this point.

>>56297114
I didnt read the rest of the post until after I responded.
I thought you were saying I need to just learn javascript which is what I have already done. I didnt know that your long post was going to lead up to a pretty decent explanation of node and how easy it will be to learn.

So basically what I'm saying is OK thanks.

>>56291062
>>56291399
I am that anon.

React has its place. Again, if you think it's either or you're probably not using it right. Use as few libraries as possible and I promise you your site will be responsive and aesthetic.

>>56293989
For instance, I'd use react here because I'd want it to be fully indexed by Google (as its a news site) as well as being almost dependent entirely on data from a backend.

JQuery would also be used after the initial load to reload.

To no one in particular, do not use random frameworks for absolutely no reason besides that you want to use them. Do not be magpie developers. Use as little as possible whilst still getting the job done, if this means just jQuery and nothing else (because sometimes you need DELETE as well as GET and POST), then so be it. Ignore the tools.

Any similar sites to Codrops?

How do you delete a component in React?

>>56297285
>Use as few libraries as possible and I promise you your site will be responsive and aesthetic.

I have plenty of personal experience that says it's possible and indeed very easy to make ass-ugly websites with any number of libraries.

>>56297614
http://stackoverflow.com/questions/27227792/react-js-removing-a-component

File: Screenshot_20160827-213534.png (284KB, 1440x2560px) Image search: [Google]

284KB, 1440x2560px

Why does it look so..... different?

>>56298003
Because you're using flux?

>>56297655
Isn't it just hiding it though? Is it ok to do that on medium/large applications?

Anyone else user digital ocean to host their website?

I'm building a web application for an online game I used to play and was thinking about hosting it on a droplet.

File: Screenshot_20160827-220936.png (159KB, 1440x2560px) Image search: [Google]

159KB, 1440x2560px

>>56298071
Well thats one but its red moon daddy

>>56298421
DO is nice.

Chinese bots will attempt to hack your server within minutes of going online so be secure.

>>56296227
Decent buzzword usage. You might make it.

>>56298655
>Chinese bots will attempt to hack your server within minutes of going online so be secure.

I'm new to backend stuff.
Any tips for this?

I'm wanting to make a home page customisable using PHP. Would it be best to store the site title, site description in a PHP file or in the database?

I'm mostly concerned about the page load speed.

>>56299264
Install fail2ban
Set up public/private key authentication using SSH and disable root login. There's plenty of guides to do this

>>56284544
I'm unsure really what you are asking...why not use findById() ??

>>56299548
This is exactly what you do.

Google "digitalocean install [LAMP, LEMP etc] on [Debian, ubuntu 16.0.4 etc]"

DigitalOcean has a billion tutorials for whatever you need.

>>56297631
Aesthetics is subjective but response time can be measured in milliseconds.

>>56300038
I'm probably going to use MEAN since I've kinda fallin in love with node.js and angular.

fucking digitalocean removed my credit from my github students pack.

>>56300639
want my ref code? Think it gives 10 dollars or something. there's also a code on retailmenot for more.

>>56300668
well, I don't need it yet, but, mand... they took more than $100 from my account :'(

>>56300639

Yeah there was a big controversy recently. They changed the policy a year ago, but didn't tell anyone. And then emailed people recently going "time's up, revoking your credit now".

I hate scraping websites so much. I end up having to writing nasty things like

collection.description = scrape.children().eq(1).children().eq(1).text().replace(/(\r\n|\n|\r)/gm,"").trim();

Can't be helped, I suppose.

>>56301307
Same. I also spend my day setting up honeypots.

>>56297285
If I think it's either or, then I'm not using it right? Do you even know what React is? I use jQuery for AJAX requests, but it NEVER touches my DOM (really bad practice to mix jQuery inside React components).

jQuery is so decoupled from your view that once you reach a certain complexity / size you will suffer. I often run into modules that are built with jQuery that dynamically loads different templates for various things, and it is so fucking menial to try to piece together a picture of what is even going on, let alone make any changes.

In React, EVERY view change is a DIRECT function of your state; it is absolutely trivial to piece together what is going on, because there is no invisible link to your view. You can even take it a step further and use Redux (one state for your whole application), which is so fucking good for an application with multiple developers.

If you don't want to use React, it should either be because your project is (very) small, or you don't see yourself with a future in web dev work. I am also a proponent for less tools in general, but it is idiotic to just pretend no tools is the way to go.

>>56298391
You are not hiding it. Inspect your element and watch what happens to your element on rerender using the method in the link.

Your job is simply to express your view as a function of your state; modify your state and React will handle the rest for you.

>>56301409
>put the honeypot in the terms of use
>only dicks read the terms of use anyway
perfect.jpg

So Im going to write my own forums. Anyone got any examples they know of forums that dont suck ass?

>>56296728
I will take a look in a few hours when im off my phone

>>56302516
discourse

>>56301562
>or you don't see yourself with a future in web dev work
That's a fairly inflammatory thing to post, it's basically scaremongering among people already struggling for jobs. Frameworks come and go, and the best thing about react is server side rendering.

There are MILLIONS of MV* javascript frameworks and all of them have design elements that are questionable, thus necessitating a million more MV* javascript frameworks. I've even grown to like react, I'm not even using it to its full potential, but I like it because of server side rendering. I see literally no other way to have my SEO cake and consume from the backend as well, if that's the "wrong" way to view react, I think you're (very) small.

>>56296728
>>56302524

Okay, so I think the main problem you have is that you don't know how to connect input fields to your state. It was one of the things I had a hard time understanding in the beginning too, but you actually have to connect your input field directly to your state with an onChange handler. This is what you would call a 'controlled input field'. That being said, you can also do uncontrolled input fields (basically what you are doing), but there are very few reasons to do it this way, and you would not use getElementById, but instead you would use react refs (read more about refs here: https://facebook.github.io/react/docs/more-about-refs.html).

If you are the guy from the other day with the redux tutorial, I can already see you're getting better. Keep at it.

Here is my version of your codepen:

http://codepen.io/noobG/pen/YWmYYN?editors=1010

>>56302516

http://asm32.info/fossil/repo/asmbb/index

>>56303135
I wasn't trying to be inflammatory; I just mean that the only GOOD reason to use jQuery over React is if you don't really care very much about web dev stuff. jQuery is much easier if you are just looking to piece a few things together. My point is that IF you are planning to go full web dev, and your choice is jQuery or React, pick React for your own sake. You can get plenty of jobs without it, but I would recommend getting one that uses it (my workplace uses both, and I weep internally every time I have to work with jQuery).

>>56303135
> the best thing about react is server side rendering.

Not even close, but yes, that's great too.

>>56299513
You could put it all in a .json or something and read it at runtime. For one user on localhost it should be plenty fast. Imho, the memory and setup costs are probably not worth it for a database unless you already have one running for something else.

You could also use Sqlite which acts like a database but saves to a file. You don't need a db daemon running all the time. Normally it isn't good for production use as a web app database, but, again, one user on localhost. It'd be fine.

>>56300584
If you're going with MEME stack, at least swap out Mongo for something less shit.

File: ss+(2016-08-28+at+02.06.59).png (19KB, 297x436px) Image search: [Google]

19KB, 297x436px

This table has three <tbody>. How do i make the second and third tbody extend all the way to the right to line up with the first one?

>>56303905
it does that automatically
put the code up in jsfiddle or something

>>56304320
I used display: block; to get the boder lined up but the text inside doesnt.

https://jsfiddle.net/#&togetherjs=il9EDrzu0m

>>56304392
i dont know how jsfiddle work

Guys, can you help me with this?

index.jade

form(method='post', action='/' enctype='multipart/form-data')
        .form-group
            label Link
                input.form-control(type='text', name='link')
        .form-group
            label Title
                input.form-control(type='text', name='title')
        .form-group
            label Description
                input.form-control(type='text', name='description')

        button.btn.btn-default(type='submit') Submit

index.js

//imports...

router.get('/', function(req, res, next) {
  //res.render('index', { title: 'Express' });
  connection.query('SELECT * FROM bookmarks', function(err, rows, fields) {
      if (err) throw err;
      res.render('index', {
          'rows' : rows
      });
  });
});

router.post('/', function(req, res, next) {
  // Get form values
  
  var link = req.body.link;
  var title = req.body.title;
  var description = req.body.description;

  console.log(link);
  console.log(req.body.title);

  //var datetime = new Date();

  req.checkBody('link', 'Link field is required.').notEmpty();
  req.checkBody('title', 'Title field is required.').notEmpty();

  var errors = req.validationErrors();
  
  if (errors) {
    res.render('index', {
      errors: errors,
      link: link,
      title: title,
      description: description
    });
  } else {
    var bookmark = {
      link: link,
      title: title,
      description: description
    }
  }
  
  var bookmark = {
      link: link,
      title: title,
      description: description
  }


  var query = connection.query('INSERT into bookmarks SET ?', bookmark, function(err, result) {
    // inserted!
  });

  req.flash('success', 'Added.');

  res.location('/');
  res.redirect('/');
});

module.exports = router;

When I click submit, the page refreshes and if the bookmarks object is hardcoded it is inserted in db. But otherwise, nothing happens. It seems like "req.body.X" vars don't work.

>>56296485
kek. what is that? SASS/LESS is no different than CSS, it's just a different syntax. Think of sass as an easier way of writing css with a bunch of extras like variables and mixins. The only thing you need is a pre-compiler, or simply running that shit from the terminal:

sass --watch input.sass:output.css

I started using Foundation (only the grid), to creating my own mixins and grid system, but that got too complex. Now I started using a slightly customised Foundation. I design on a 12-grid system, so coding in one makes my life much easier. I still don't see why you would hate it. The key is to find a method that suits you.

>>56303718
I guess the problem is thinking that certain frameworks are suited for all purposes. I personally don't like React because it forces you to write HTML in JS, which is a horrendous practice. What's with the jQuery hate on this board? Bumping this >>56292303 for relevance.

>>56304551
So to just explain a bit better, since there was not enough space in the last post:

I thought that I messed up routes but that doesn't seem to be the case. When I click submit on the form it stays on the page and adds the new bookmark in db IF it is hardcoded. So, it enters the right function (router.post('/')). But I can't understand why it doesn't want to work when I populate vars with form data. Console logs don't work either, and I don't know why, so I can't check what is inside those vars.

I started watching this talk
https://www.youtube.com/watch?v=cN_DpYBzKso
by Rob Pike and now I have a boner for concurrency. Where is the best place to start learning Go? And what are some good relatively easy beginner projects using concurrency?

>>56296336
Is this a meme? Please guys decide if Socket.io is bad or not and then spoonfeed me if I should use them or not since I can't make decisions on my own thank you and peace.

>>56303718
IMO React is pretty complex. JQuery is really one set of Ajax and Dom manipulation, simple in comparison.

It's like, why not advise people to start on jQuery?

>>56304686
it's a bad practice you fucking retard

>>56304699
>JQuery is bad practice

I want to learn the essentials of HTML and CSS.

I can code in Python and JS. I learned coding by making projects

Anyone got with a good project for nailing basics of HTML and CSS and maybe beyond? A link or book would be appreciated.

>>56304850

>>56282670

>>56304624
Not a meme. Don't drink the /g/-everything-that-isn't-vanilla-code-is-bad koolaid as these do

>>56303718
>>56304699

Can I survive with HTML and CSS only?

Does anyone know which framework Soundcloud is made in? I know they use ruby, but what else? Or is it from scratch?

>>56304574
> I personally don't like React because it forces you to write HTML in JS, which is a horrendous practice.

100% sure you are just comfortable with jQuery and you're too stupid and/or lazy to learn React. If you disagree, please elaborate on why HTML in JS is a 'horrendous practice', I'm interested to hear if you are just regurgitating something you heard or you actually know what you are talking about (doubt it).

>>56305756
backbone

>>56305143
>React is vanilla code

jQuery shills are smart

Am i doing this right? Im using a MVC framework and i have a very very light and minimal view which is then fed html code sent from the controller.

If a user does an interaction, JS does an AJAX request to the controller where PHP does the logic, fetches the database stuff, and creates one long string containing all the html code which it returns in JSON that JS then shows on the page (innerhtml/insertAfter etc etc).

>>56305870
If you are gonna maintain that code for a long time, use a js templating engine. Maybe something like Backbone, Vue.js, React, inferno, Angular 2, god only knows :^)

>>56305946
Oh, and those are not js templating libraries. Sorry if I wasn't clear enough.

>>56305830
I was talking about jQuery. jQuery and React are two different frameworks for different purposes and I don't even see the point of comparing the two.

>>56305764
I don't use jQuery. My point is that people on this board who criticise jQuery, do it on the notion that it's become a normie's entry to JS, instead of being the other way around—to which I agree with. However, this easily becomes a bias preventing you from seeing the good aspects of jQuery. So criticising jQuery in general, or let alone someone for just using it, makes you the one

>regurgitating something you heard or you actually know what you are talking about

HTML is a templating language by itself and JS is meant to provide the logic. There is simply no need to put them into the same environment. React makes you think of UI elements (their structure, logic, and styling) as purely JS elements. This is the part I find too dogmatic. It may not be horrendous, but surely you can agree it's unnecessary.

I also think React comes from the mentality (trend) that everything has to be built on JS. Sure, it's a flexible language, but not for all purposes.

>>56305484
Sure if you want to be a plumber or something. For a web dev job? Lol no.

File: 1469779320040.jpg (22KB, 325x395px) Image search: [Google]

22KB, 325x395px

What VPS service is currently considered to be the best on the market?

>>56306743
>However, this easily becomes a bias preventing you from seeing the good aspects of jQuery

I'm not unable to see the good aspects of jQuery whatsoever; someone asked if he should do React or jQuery, and React is just better - which is the only thing I've been saying.

>There is simply no need to put them into the same environment.

https://en.wikipedia.org/wiki/Cohesion_(computer_science)

Referencing the DOM by name or ID is so flimsy when your application size grows. It is absolutely hell to try to understand and modify jQuery code once you reach a certain level of complexity.

>React makes you think of UI elements (their structure, logic, and styling) as purely JS elements

Don't know what you mean desu. I'm still writing HTML in my components; the only difference is that I can express it as a function of my state, which really is a lot smarter than manually synchronzing the DOM.

>I also think React comes from the mentality (trend) that everything has to be built on JS. Sure, it's a flexible language, but not for all purposes.

You want to do client side applications with something other than JS?

Also fullstack JS is the best thing ever, why oppose it?

Everyone here who runs a website, how do you host it and how much does it cost to run it?

>>56307350
>someone asked if he should do React or jQuery, and React is just better - which is the only thing I've been saying
I do agree as well. I just don't understand why the choice would have to be between the two. They serve completely different purposes.

>Referencing the DOM by name or ID is so flimsy when your application size grows.
But it shouldn't anon, it's only a matter of rationally dividing your application into logical parts, and jQuery has nothing to do with it.

Inline styles and raw JS in the DOM is considered bad practice, but the other way around is not? As I said, my only problem with React is its approach, so call it personal opinion. If you were to look at an HTML file working with React, you wouldn't know exactly what elements are being rendered, or even if there are new elements being placed, unless you also look at the JS. React makes it easy to see the state and what's being rendered nicely packed in a function, sure. But at the cost of abstracting the DOM. Hell, it even discourages semantic and modular code. This is why you have developers using jQuery without even knowing what a NodeList is.

I've become more fond of frameworks like Vue, which work with the actual DOM, and don't restrict you to manipulating it only from within its framework.

>Also fullstack JS is the best thing ever, why oppose it?
Not opposing it wholeheartedly, I just hope it doesn't become PHP. The fact that more applications are becoming web-applications is great. Fullstack JS is great for something like Electron, but not so much for something like Atom.

>>56307954
I run my personal portfolio site and a few utilities on the cheapest shared hosting option namecheap has. It's like 12 bucks a year, I think.

Also have some stuff on the heroku free tier.

>>56307041

If you don't care about cloud shit, then avoid AWS, Azure, Digital Ocean, etc. as they are priced higher to offer that cloud experience (high availability).

Typically go on webhostingtalk.com to the VPS offers section and find something on sale from a reputable provider (google reviews).

>>56303773
What's wrong with mongo?
I like it.

>need a library to do a justified gallery
>they all require jquery

Guess I'll make my own

>>56282670
Any good websites that goes into detail about designing a website layout in photoshop?

>>56309728

>What's wrong with mongo?

- Slow as balls

- Occasional data loss

- Scaling problems

- They invented the whole MEAN stack thing to piggyback off the success of other popular JavaScript software technologies and deceive new devs into thinking it's *THE* database to use for backend JS development.

- They constantly add new features to try to stay relevant instead of fixing the massive systemic failures already present. If whatever new frontend framework everyone is switching to this week wants to throw in tons of bleeding-edge """"""innovations"""""", I'm perfectly fine with that, it's just the presentation layer. But when I CRUD some data, it goddamn better stay CRUDed for fuck sake.

More generally, here's why you shouldn't use document-oriented databases(for most things):
http://www.sarahmei.com/blog/2013/11/11/why-you-should-never-use-mongodb/

File: 1459473494777.gif (2MB, 330x270px) Image search: [Google]

2MB, 330x270px

Can someone redpill me on 2016 frontend technologies? I can't get past the mental block of thinking that HTML is for laying out your structure, CSS for styling, and JS for interactivity.

In 2016 everyone in the frontend world said "fuck separation of concerns", and started building their HTML dynamically with JSX. You can construct an entire webpage this way now with React or Vue components rather than the standard way of structuring out some HTML and inserting a couple JS files. Its really fucking counterintuitive as a backend guy.

File: 912399192939.png (146KB, 654x458px) Image search: [Google]

146KB, 654x458px

>>56311803
It's just a trend anon. The obsession with JS is absolutely fucked as of today. Another thing that bothers me is spending hours setting up a project because task managers are a standard now, so I can't even minify a JS file without having endless node_modules because everything has to be a package that itself has a thousand other dependencies.

>>56311803
JSX is not HTML, instead is a way of writing down JS components using an HTML compatible language.
If you are not working on a single page application, or a page with heavy usage of javascript templates and logic, stick to an easier approach.

Please help me find a job.

I'm so close to lieing on my resume by saying I have a masters degree in CS and a perfect 4.0 GPA with 5+ years experience working with every fucking framework and language imaginable.

>>56311970
Even working at a greater scale doesn't explain why one would need another templating format. I see this shit in Vue as well, placing inline event listeners in an DOM element to then control it via JS. It's a fucking mess.

>>56312394
You can work on part-time jobs, while you are looking for your dream job.
>>56312472
I was creating a complex project using jQuery 2 months. Half way it was a mess, so I ported it to React.js+mobx.
At the beginning I was angry with the tooling, but it was EASIER for me to finish the project. However, I wish I'd used Typescript, so my IDE could warn me about magic values and incorrect object structures.
JSX is converted into a virtual DOM, therefore I'm not sure if those event listeners are added to the final code.

>>56312600
*2 months ago

>>56312394
First work on core skills. CSS, HTML, and JS.

Then find out what kinds of things are common in your area. PHP? Ruby? ASP.NET? Whatever it is, start working on that.

Then look at some good web developer resumes and start working on yours. Put down every single web technology, programming language, framework, and OS you've ever messed with. Don't lie, but do try to make yourself sound good. When submitting your resume for each posting, try to change the language to exactly match the keywords they're looking for.

If/when you get an interview, be confident, but don't bullshit. You'll be talking to people who actually do this shit for a living, not recruiters. If you don't have a lot of interviewing experience, you're probably going to suck the first few times. Try to be prepared, but don't sweat it too much.

While applying:

Make at least 3 fully functional, finished projects.

Make a portfolio site.

Be reasonably active on github and make sure your code is clean, commented, generally not shit.

Contribute to a few open source projects.

Go to networking (people networking I mean) and programmer events. Meetup.com is good if you live near a decently sized city.

>>56312600
What were you making?

Whats the difference with putting "onclick" etc in element tags that fire specific functions vs creating listeners in the onready part? Not sure how JS works but it feels unnecessary to have tons of listeners load on every single page when some functions are only needed on some pages.

File: Untitledfghfgh.jpg (8KB, 90x182px) Image search: [Google]

8KB, 90x182px

So i made an ajax function that runs every 10 seconds to see how long each request takes. Is it normal that they are so different? What is causing those spikes?

React.js question:

I have a component with some state that I want to update every x seconds. What's the best way to do this within React? Should I have a setInterval function located outside of the React.createClass({}) statement? Within it? Or does React have its own solution?

>>56312770
>Whats the difference with putting "onclick" etc in element tags that fire specific functions vs creating listeners in the onready part?

It makes no difference executionally. The main benefit is organization. Your html should only care about structure, and delegate styling to css and logic to scripts. That way, if, six months from now, you decide you want to change the behavior of something in the site, ideally you can change it in exactly one place and you know exactly where to look.

It doesn't matter that much if you have a small site with a few JS functions here and there doing animations or something, but it becomes exponentially more important to keep things organized as your application grows more complex. Therefore, it's just good practice and good organization to always keep things organized.

>it feels unnecessary to have tons of listeners load on every single page when some functions are only needed on some pages.

It doesn't matter too much since your browser caches files that get requested again. It doesn't have to download foo.js again if it already has it. If it bothers you (and it should bother you once your site gets above a certain level of complexity) you can refactor out code that is used on many pages into a library and have another script specific to that page with your event listeners and such on it.

>>56312978
That's normal (except maybe the 10 second one in the middle). It could be one of a lot of things. Due to the way routing works, the packets for each request can take a completely different path that takes a little longer or shorter. Could be your router, server, or browser had a little hiccup. Maybe there's interference somewhere in the pipes from a storm or radiation or something. Who knows.

>>56312600
>You can work on part-time jobs, while you are looking for your dream job
This is basically my best option senpai.

>>56312615
>find out what kinds of things are common in your area
Nothing is common here. I'm not in Europe, America or anywhere where development is a big thing.

>Make at least 3 fully functional, finished projects.
Working on a third right now, making sure to include more technologies/frameworks and writing cleaner code than I did in the first 2.

>Make a portfolio site.
Up and running.

>Be reasonably active on github and make sure your code is clean, commented, generally not shit.
This might tempt me to remove my second project. It's not very well commented and some of the code is straight up messy. My third project is coming along nicely though, and I make commits daily to Git.

>Contribute to a few open source projects.
I don't think I'm good enough yet to contribute to open source projects in ways other devs can. Chances are if there's a bug in an open source project someone else has already found it.

Thanks for the tips! Hopefully I don't an hero by the time I get something worthwhile.

Why am I not getting the correct hours? I'm trying to get the difference in hours between now and 7am UTC, which should be 7 hours from the time of this post.

var start = new Date()
var end = new Date(Date.UTC(2016,8,29,7))
var hours = Math.floor((end - start) / (60*60*1000))
console.log(hours)

>>56313069
Not sure if it's the best way, but any time I've needed to do anything like that, I just put a setInterval inside componentDidMount that calls a method with whatever needs to happen every proc inside it.

>>56313152
>Nothing is common here.
Well move or find another career. The jobs aren't going to come to you (unless you work remotely, but that's not likely for entry level)

>This might tempt me to remove my second project.
Without seeing how messy it is, I'd say keep it and improve on it. It's good practice for you to work on an existing messy and undocumented codebase and will look good for you to show that you're improving.

>I don't think I'm good enough yet
For the big, popular projects maybe, but smaller projects are usually happy to have someone that wants to help. If you find something you like and they have an IRC or something, pop in and see how you can help. Even if you can't really do anything meaningful, you might find someone willing to help you help them.

Anyone here working with Angular2 ?

>>56313207
Nvm, figured it out. Months start at 0, so i was off by an entire month.

>>56312770
>>56313096
>It doesn't matter too much since your browser caches files that get requested again
I think what anon meant was that it feels unnecessary to have event listeners for DOM elements that don't need them. Put simply, if your element is not in the DOM, you will not be able to bind an event and it will give you an error: cannot read property 'addEventListener' of null. This isn't much of a problem if you're using jQuery, as it will return an object regardless of whether it finds it in the DOM. That suppresses the error, but not the binding of the event.

Some notes: keep all your eventListeners in your JS unless you're a React faggot who doesn't believe in separation of concerns. Also, you don't need document.ready if you're placing your scripts at the bottom of the body (which you should). Just wrap all your code in an iife.

(function(){
//run JS
})();

So whats the tech behind the "use mobile/desktop site" function at the bottom of this page? Does it just load a different css? An entire different page? How do i tell my site to look a certain way for mobile devices with a button like that?

>>56310490
So I'm attempting to build my first website for a small project I'm working on, but I don't have any experience in creating the front-end design layout for it.

Are there any good books or websites that details good website design? Thanks.

>>56313355
Kinda, working on an Ionic Framework 2 app right now.

>>56313207
Month is zero-indexed. You need to use

var end = new Date(2016, 7, 29, 7) ;

(you don't need the Date.UTC() part, it does that automatically)

File: FuckedUpPage.jpg (646KB, 2966x900px) Image search: [Google]

646KB, 2966x900px

I had some relatively positioned elements on my homepage, and an overlay with a z-index of 1000, alright...

But the overlay is BLOCKED by other elements. To be precise, it's not blocked by the element itself, but by the space the element would have taken up vertically.

the is to say, the overlay takes 100%, 100%, but the relative elements were like 10% wide or 10% high...
And they were for some reason on top of the z-indexed element...

So, long story short:
>How can something with a LOWER Z-index and RELATIVE positioning COVER something with a HIGHER Z-index and FIXED positioning?

>pic related: what it looks like de-bugged next to what it almost should look like normal
(Yes, this applies to ALL browsers)
(This is a redo, so I'm CLEARLY not done moving things around)

Yes, I'm a massive faggot. Just so we can get that outta the way.

I might have a few other questions, too.

>>56313922
Actually, I just figured it out.

When I changed the height of the browser, it was apparently OFF the browser, underneath everything. I changed its left and top.

Ok, but I do have another question...
How do I make a div expand if the regular contents don't fit (such as a navigation list)...
but each of those nav items has a number of spans... which I want to go OVER the menu, WITHOUT changing its size?

>>56314007
I'm not sure if this is what you are looking for:
.container { text-align: center; width: auto }
.inner-blocks { display: inline-block; float: none; }

>>56314043
I'll try this later, but unless the float:none does something, it doesn't look like it'll work.

How bout this one, though:
There is a vertical layout.
The top contains the navigator.
The bottom contains the content.
On different screens, I want the navigator to grow to fit all elements, but I want the bottom to SHRINK respective to it.

That is, on a regular window, the height of the nav might be.. idk, 60px? But on a half-size, it might be 120px.
How can I make the BOTTOM shrink so it does NOT overflow, but is now, dynamically, 60px shorter?

>>56314354
I'm putting that float:none; there, in case you have problems in the future with weird css rules from external style files ruining the structure.
Oh, and google "css responsive design"

>>56305764
Not him, but mixing code for view and scripting code is a little questionable, just sometimes necessary for web in my opinion.

>>56305870
My latest idea about PHP is that the best thing it does is act like a preprocessor for HTML, I personally wouldn't use it at the other end of an Ajax request.

Otherwise, you're probably right. A lot of MVC frameworks will have issues, whether it's Google believing your page is blank and thus won't show up on any searches, or maybe traditional back/forward navigation will be broken, etc.

>>56311803
There's lots of shit out there but HTML/CSS is still what it is and all these meme frameworks are still making an easy job... Different.

I'm also a backend guy (C#), my appeal of building HTML dynamically with jsx was that I could build my front page with respect to the backend itself. This has the advantage of indexing with Google better since it just looks like HTML from the client side.

>>56313152
>>56312615
The open source and networking thing isn't amazing advice, it's a little weird to just start pushing code onto someone else's project and networking might be great.. if you're already established in the industry. To advise someone to network is like asking an old co worker to drop a good word with the HR people and not throw your name out. As someone very new to the industry, no one is going to risk their reputation on someone they met at a programming meet.

Demonstrate skills with a site and then apply for companies small enough that the programmers are hiring programmers, this has gotten me 80% of interviews I've had. Then again, I'm a noticeably good developer.

>>56313619
Go to w3.
http://www.w3schools.com/html/html_layout.asp

In my opinion, the best layout is simply menu at top, content underneath with a small ditch or empty space on each side. That's very minimal though but again I'm a backend guy.

>>56313069
There's a tutorial somewhere on my Facebook's site, but desu I'd just refresh with jQuery.

>>56314719
>Oh, and google "css responsive design"
but the concern is that with each new item I add, it increases the chance that there will be another row of items.
If the number of rows grows, I want it to dynamically handle it without editing the stylesheets.

I was probably using that example erroneously.
Basically, what I'm saying is that no matter how many rows there are, I want the size of the bottom to adjust.
Not really just when I change the size of the window, when I add new items to the top pane...

I might have to just use either JavaScript or turn the menu into an overlay in itself...

This is why I prefer regular programming languages to this damn markup...
I can always create event handlers and store screen sizes as variables to be modified...

God damnit... I should just write my own web browser... Too bad there's no way to switch HTML to some weird shit like "Web-C" or something...

Thanks. I'll just fucking wing it rather than worrying about these stupid intricacies...

File: Screen Shot 2016-08-29 at 04.52.52.png (44KB, 1136x732px)

44KB, 1136x732px

Can someone help me revert this since I'm 90% certain it came from this thread a few months ago. I remember installing some huge batch of web development tools with homebrew instead of manually installing them, except it did this (pic) and now some day-to-day commands do not work anymore.

So does anyone know how to revert my terminal window back to 'PC/Username/blahblah$'?

>>56316429
Did you try with Ctrl+C and then uninstalling ruby?

How the fuck do I learn webgl? I just want to use it for 2D stuff but every resource I find tries to abstract away everything or goes way too deep.

>>56317395
WebGL is essentially just a OpenGL es wrapper. Look at OpenGL tutorials.

>>56294404

Beautifull.


>>56293071

Go fucking die in a fire.

You habe no idea about web design.

I just discovered the 4chan night theme on my phone. Dear god its sexy

I have from September 2016 to February 2017 essentially with no responsibilities besides a casual job. I pretty much aced University level calculus and aced University level (pretty basic though) statistics. I've always been pretty good with computers but have never been able to commit to devoting time to learning how to program besides the bare basics.

Assuming I can sink a decent amount of time into this per week, and have a little $$ to fork out to online courses (if they're worth it); roughly speaking how long could it be until I expect to be making something worthwhile?

Is it a (likely) possibility that I could be making upwards of $200 per week by 2017 if I started now?

>>56319646
My story is a bit odd, but i didnt know shit, absolutely nada, when a guy who knew that "i was good at computers" because i have a bachelor in CS asked me to make a site for his company. I said sure, spent 2.5 months learning everything, and delivered. Now its a year later and im a full time fullstack developer at his company developing internal web applications to help his employees do their jobs more efficently. Ofcourse my initial stuff was terribly coded but i learned new things every day and went back and made it better. Literally just starting of googling, downloading vagrant, chose a framework, learned sql, taught myself eveything about ssh, keys, apache and SSL etc etc. One step at a time.

>>56319039
>not using the tomorrow theme on Clover
how new r u?

>>56293071
>Except for mobile devices
Which are now the biggest web browsing platform.

>As for mobile devices, building the mobile and desktop versions of a website in the same webpages is a bad idea

The dichotomy between mobile and desktop is a very outdated notion due to the existence of tablets and touch-capable laptops. Which version of your site should you display on a Lenovo Yoga 500? How do you tell whether its in tablet mode or laptop mode? There is no way to reliably tell what kind of device a user is on, and using screen size is just a blunt instrument at best, because you can manually change the size of a browser if you want to. So I may be on a 4k retina display, but my browsing window is only 600px wide... Am I getting the "mobile site"? I don't care, just give me a web page that works.

So you design for mobile and then make sure it scales up nicely, all the way up to a 25 inch retina display. And you don't add more bullshit to "the desktop site" because you think you have a license to waste more of the user's bandwidth because you think they might be on a broadband connection.

>including all the possible bloat of a desktop website
Even if you need higher resolution images for your desktop site, image fallbacks and serving the correct sized image for a certain size of browser are quite easy to do if you're not a retard who hasn't learned anything about web development since 2004 and is still using table layouts.

What is your excuse for not using the <template> tag?

>>56314939
>it's a little weird to just start pushing code onto someone else's project

Obviously. Usually if they want contributors they'll have a contribution guide, or at least something mentioning contributing on the readme. Also, [beginner friendly] issue tags or similar are usually something good to look for. I forgot to mention that. You don't just start making random PRs to other peoples' personal projects. (Actually I have had that happen a couple times, but it was definitely weird. My contact info is not hard to find.)

>networking might be great.. if you're already established in the industry

The purpose is not to convince some random dude at a networking mixer to hire you, it's to get your name and face out there, so you have people in the industry that know who you are. If you happen to meet and greet the hiring manager of FooCorp and impress him a bit, he's not going to hire you on the spot, but down the road when they're looking to hire some entry level people, you might hear about it and have a chance to express your interest before it goes on indeed or whatever. Then you've already got a huge advantage because your resume is already going into the "look over more thoroughly" pile instead of the "throw out without looking at pile". You also might have a chance to find out what kind of interview process they're going to do so you can better prepare. There are many benefits to "knowing a guy who knows a guy". That's how the business world works.

And that's just one example. Maybe you're interested in ${someInterestingThing}. Oh look, the guy who created it is giving a talk next week. Maybe it'll be a good chance to learn more about it. Maybe if the event isn't too busy, you might have a chance to actually talk to the guy.

Anyway, there are tons of benefits to getting your face out there. You get the idea.

>>56320105
I might just start learning as much as I can then. I feel like it will be sort of getting the ball rolling sort of thing. Once I've got a bit of experience designing, implementing, seen what people are wanting and using; it wouldn't be too hard.

But all of that is a lot easier said than done. Especially for someone who always plans to use a long amount of time to do something productive and just ends up being all talk.

I just need to force myself to put words to actions, could make such a better life for myself if I thought more like this

>Which version of your site should you display on a Lenovo Yoga 500? How do you tell whether its in tablet mode or laptop mode?

This is why more and more companies offer web-apps for their sites which is the sad result of missing standards.

There are plenty of downsides to responsive design but since they are still so many websites out there which look horrible on mobile the visitors tends to forgive.

>>56319646
>Is it a (likely) possibility that I could be making upwards of $200 per week by 2017 if I started now?

That's a reeeeeaal stretch. It's probably possible if you're completely dedicated and take the most efficient path to the lowest level of employment possible. The biggest variable is learning programming. You might pick it up quickly, or you might just not have the right mindset and never really get it.

As much as everyone on here shits on it (and rightly so), PHP + WordPress is probably still the quickest and easiest way to make money quickly. You won't make programmer money doing wordpress sites, but it should be possible $200 a week.

I would start by going on Codecademy (link in the OP) and doing all the HMTL/CSS, Javascript, PHP, and SQL courses. I think they also have a cli course too, which is a good idea if you aren't comfortable using a terminal. Don't bother with the premium shit on Codecademy unless you really have money to burn. The free stuff is good enough. You should be able to get all that done in under 40-ish hours, which should give you a VERY BASIC understanding of most of the stuff you need. Afterwards you'll definitely know if you aren't cut out for this stuff. After that, you may want to check out FreeCodeCamp and Odin (also in the OP) for some more practice with HTML+CSS+JS. Don't bother with the backend stuff for now since you're going PHP (unless you just want to) Also check out the official WordPress docs for more information on that. And youtube has tutorials for pretty much everything you could want. For paid stuff, personally I would check out Udemy. I did some Coursera courses and they're pretty good, but way more expensive. They used to be free, but now they're starting to lock down the courses if you don't cough up the cash. Be careful though, just because you pay money for something doesn't mean it isn't garbage.

>>56320572
I've got a bit of the basics down but not nearly enough to sort of fit it all together. I have a Udemy course (https://www.udemy.com/the-complete-web-developer-course-2) but I've only just started it. It seems pretty content filled but I'm guessing, as you said, it only skims the surface. I think it will make a good starting point though because Code Academy explains how to do something but doesn't really give any industry specific implementation, it's more like 'demo presentations.'

I guess I'll learn the basics and then just focus on PHP + WordPress and see where I can go from there. I've seen a bunch of jobs in my area for an 'experienced PHP developer.' So this could just be me gaining my experience to qualify for a role like that.

I need to try build a portfolio of shit that I've made and done, seems like it would mean 100x more to an employer than a University degree.

>>56320678
> Code Academy explains how to do something but doesn't really give any industry specific implementation, it's more like 'demo presentations.'

Codecademy is more of an interactive tutorial than 'demo presentations'. It's good for getting used to seeing code and how to manipulate it. Real-world implementation is great and all, but it's better to have a good foundation in how grammar works before you go writing any novels, if that makes sense.

>I guess I'll learn the basics and then just focus on PHP + WordPress and see where I can go from there. I've seen a bunch of jobs in my area for an 'experienced PHP developer.' So this could just be me gaining my experience to qualify for a role like that.
Maybe. Just remember that there's way more to web development than just PHP. And a lot of it is more fun to make and pays better. PHP just tends to have the lowest barrier to entry for whatever reason. Once you get a feel for PHP, give some other languages/frameworks a try. It's good to know what else is out there even if you don't use it.

>I need to try build a portfolio of shit that I've made and done, seems like it would mean 100x more to an employer than a University degree.
Depends on the employer, but yes, demonstrating that you can actually make shit that works is valuable. A CS degree, although not always required, is actually a lot more relevant to its related professions than most other degrees. You might not need it starting out with wordpress stuff, but at some point you should at least look into doing some online CS courses. MIT6 & CS50 are both free and good places to start.

>>56295967
Thanks to google adsense, this website has almost paid for itself. I pay $5/month from digitalocean, and I've made ~$3 from ad revenue so far

>>56321053
Joke's on you anon. I'm using an adblocker and there's nothing you can do about it.

>>56321053
>google adsense
Enjoy getting your account banned before withdraw cause of porn

>>56323367
I was thinking of creating a site thats not mainly porn content but it has a section for it. Like SFW and NSFW filter. Would google not allow that? Then how the fuck do i make my gold stacks?

>>56321053
Google adsense can warn you and ban you for anything 13+ their robots find on your site.

Need help with database design.

I have a SaaS. I have a table with millions of addresses. Users are forced to use only addresses in this table. This table is shared among all SaaS tenants and therefore they cannot makes changes to it.

The table looks like this:

organization, street, building number, postcode etc...

Everything is working as it should but I want tenants to be able to change addresses and add new addresses while still keeping the permanent address
table intact.

How would I go about doing this? Adding a clone table to tenant's database that keeps the changes and new addresses is a good idea?

>>56324749
Create a many-to-many table:
table user_addresses:
user_id
address_id
active
Do you know how to handle SQL joins, btw?

Hey guys, this might be a little off topic - I don't know.

Do you recommend utilizing web technologies in an offline environment? (I.E using html and javascript for anything not web related)

>>56324817
Deactivating address is not an issue. Tenants want to make changes to addresses and add new ones. Say this is a row in the permanent address:

37 kek, Lel Street, 40K3K5

Tenant would want to change the organization name part and leave the rest as is or add a new address. I can't have them make changes to the permanent table as I said.

>>56325201
Yes, that's a thing
http://electron.atom.io/

There's also plenty of node stuff that doesn't directly have anything to do with the web.

File: more liek turdpress amirite.jpg (44KB, 500x357px)

44KB, 500x357px

why is wordpress a shit and what do you hate most about it /wdg/?

>>56325521
It can be pretty useful if you stay out of the the shitty parts, kind of like jQuery and React. Get ACF Pro and CTP UI and you're golden.

>>56325644
Why using ACF and CPT UI when you can do that shit by yourself easily without having to use plugins?

>>56326178
Sometimes you don't need ACF at all. Sometimes you see the client's requirements and the budget, and you go "whatever".

>>56326288
Yeah, thats a fair point

>>56326332
Most popular plugins are safe and can handle any type of user data properly by default (Except some sliders..)