/wdg/ - Web Development General

/wdg/ - Web Development General

Previous Thread: →

> Discord
discord.gg/wdg
OR
discord.gg/0qLTzz5potDFXfdT
(they're the same)

>IRC Channel
#Sup Forumswdg @ irc.rizon.net
Web client: rizon.net/chat

>Learning material
codecademy.com/
bento.io/
programming-motherfucker.com/
github.com/vhf/free-programming-books/blob/master/free-programming-books.md
theodinproject.com/
freecodecamp.com/
w3schools.com/
developer.mozilla.org/
codewars.com/
youtu.be/JxAXlJEmNMg?list=PL7664379246A246CB - "Crockford on JavaScript" lecture series.

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

>Frontend development
github.com/dypsilon/frontend-dev-bookmarks

>Backend development
en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
gist.github.com/dypsilon/5819528/

>Useful tools
pastebin.com/q5nB1Npt/
libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
programmableweb.com/ - List of public APIs

>NEET guide to web dev employment
pastebin.com/4YeJAUbT/

>How to get started
youtu.be/sBzRwzY7G-k - "2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer "
youtu.be/zf_cb_Nw5zY - "JavaScript is Easy" - If you can't into programming, you probably won't find a simpler introduction to JavaScript than this.

>cheap vps hosting in most western locations
lowendbox.com
digitalocean.com/
linode.com/
heroku.com/
leaseweb.com

Other urls found in this thread:

github.com/adonisjs
eloquentjavascript.net/
news.ycombinator.com/item?id=12477190
codepen.io/user/pen/ZpQwpX?editors=0010
hillaryclinton.com/feed/donald-trump-pepe-the-frog-and-white-supremacists-an-explainer/
youtube.com/watch?v=nI0cQ-2YR1I&feature=youtu.be&t=8h5m48s
codepen.io/user/pen/JRGzkY?editors=0010
codepen.io/user/pen/XjXGwJ?editors=0010
dev.to/ben/the-fat-client---thin-client-debate
spqrchan.org/vinum/
youtu.be/sBzRwzY7G-k
askubuntu.com/questions/2368/how-do-i-set-up-a-cron-job
twitter.com/AnonBabble

first for PHP

to the user here doing CodeWars and thinking of applying to Hacker Reactor, what kyu or kata or whatever are you in CodeWars? I want to know what level I need to think of applying to HR as well.

Why does that sound like a scam. You pay for a "workshop" that boasts that the people who graduate there can make up to 105k?

TypeScript a shit.

It's not a scam, it's used to weed out the idiots. Those who pay $20k for some mediocre course go into the 'idiot' pile.

Is node.js the new java for pajeets?
github.com/adonisjs (from India)

TypeScript a great. You a shit.

That aside, what are you having problems with?

TypeScript is like CSS preprocessors like sass or less.
It's a garbage and a fucking mess when you need JS libraries.

CSS preprocessors aren't statically typed, which is the entire point of TS. This enables a lot more code correctness checks, hinting, tooltips, autocompletion and refactoring tools. And using it with other libraries is simple. Just import definitions or write your own in 10-20 lines.

What is the easiest wed bed job to shoot for if I'm going to be self taught. I want to start somewhere after freelancing pajeet tier shit for minimum wage for experience. Is it doing wordpress shit? I'm trying to map this shit out before going full retard.

learn basic HTML and CSS, then go beast-mode on javascript (you can get the Eloquent Javascript book for free on gen.lib, plus Codewars is great exercise material). Once you got that down you should be able to get some offers, but you should keep expanding your knowledge according to the specific jobs you're interested in.

eloquentjavascript.net/

Yea that is the plan. Do you know of any titles I should be looking for. I want to know what my area offers. Is it just jr java developer or something?

why is it doing this and how do i tell it to not ruin everything for no reason

can somebody please just tell me how to learn this stuff, i have no idea what to even google. every time something doesn't work with html/css, i just sit here for an hour or two googling things which sort of sound like they would be what i need but they never work out.

please help me god

the border added when you hover over a card pushes it down, which occupies the space of the one below it and pushes it to the right

jr web dev, jr javascript, or sometimes they say 'graduate' which means you just graduated (no exp required) but they don't necessarily demand a degree, it's just another way of saying 'entry position'.

you should look into the differences between frontend, backend and full stack: backend is just coding the inner workings, frontend you gotta do a lot of design and making things pretty and sometimes talking to the customer a lot, full is everything.

just look for some job offers and see what interests you, and what sort of languages/skills go hand in hand.

Also, Java is different from Javascript, don't get confused. And when I said learn HTML, CSS and Javascript, don't do it in that order. Start with Javascript, focus hard on that, then add the rest.

And check the certs and jobs thread that's occasionally up here on Sup Forums, pretty good info in there.

so how do i stop the space below from getting pushed to the right by an invading element?

Float them or make the container bigger.

I'm at 5kyu. I met a guy that was accepted and he's at 6kyu.

I'd say to make sure you read up to Chapter 6 on Eloquent Js and get to the point where you feel confident solving level 6 kata.

If you call working from at least 9am to 8am Monday through Saturday for 3 months a workshop. You can Google what alumni have to say about it.

Day 3 of job search.

When in school I mostly focused on PHP. End project was a CMS from scratch, then my 2nd project after I graduated was rewriting a function to create a SELECT query into something that now works with PDO prepared statements, 4 types of queries be it SELECT, INSERT, UPDATE, DELETE, multidimensional arrays etc. 3rd project is a JS-heavy web app with some ajax done with xml and php (don't ask, steam is a piece of shit) that I'm close to finishing. Minor fixes and code cleanup is what's left to do there. After that I'm diving into Laravel to at the end rewrite the CMS with it.

Any suggestions as to what else should I be doing? I'm mostly interested in back-end since front-end often requires design and I suck at it.

Also, how "required" is bachelors in IT for back-end atm? Asking cos I applied for front-end job and their answer was "lol no bachelors, kay bb".

Any good web design inspiration/guide sites you know of?

Are you getting paid for that work? No? Then it's a workshop and a scam.

news.ycombinator.com/item?id=12477190
>Ask HN: Is web programming a series of hacks on hacks?

thank you
i don't know what you meant by floating them but making the container bigger worked

Oh my god I have never looked it that way

>news.ycombinator.com/item?id=12477190
>JavaScript - Dynamically typed, does not scale what so ever. Code written in it becomes 'read only' very quickly. Impossible to refactor.
>Impossible to refactor

Why are typebabies so sensitive? If they can't hit a button in Resharper then something becomes "Impossible to refactor".

Dynamically typed languages while faster to develop are inherently slower, easier to introduce bugs, facilitate less related tooling and harder to build large projects with. It is not that hard to pitch all the disadvantages against that one plus.

all webpages should be made in webgl
it should all be c++
there should be cameras

So basically what I'm trying to do a table that takes the number of rows and columns that you want (In React). And this is the closest I can get after several hours.

codepen.io/user/pen/ZpQwpX?editors=0010

Now, the problem is that in the columns I'm actually making a copy of the rows so if I try to change one item it changes the items in all the columns. You can see that is a copy because of the numbers in each column 1 - 17 and then it repeats, when it should be 1 - 162. How can I fix that, how would you do it?

FALSE INFLATION!!

Whether you click "I agree" or the "X", it posts that you agree!

Anyone wanna expose this?
Someone check the scripts to get the code?

hillaryclinton.com/feed/donald-trump-pepe-the-frog-and-white-supremacists-an-explainer/

Is this shit real?

Don't know react and used as little effort as possible (modified your stuff), but best I can come up with.

proper way to map a 2d array to 1d array

So just my way, but with multiplication.

Either way, react seems like it overcomplicates it.

Thanks, it works just as I wanted but maybe what I wanted is wrong in the first place though, as you can see if I want to access and change the value of one of the cells I have to go through a lot of stuff, it'll look something like this:

columns[0].props.children.props.children[0].props.children.props.children

Which looks crazy and really unnecessary, I'm going to do some more research and see if this is a valid solution. Btw I'm just learning React and indeed seems like overcomplicating everything sometimes I just don't get what the fuck I'm doing, people say it's just while your are learning so let's see. Thanks again.

I honestly don't see the point of React when you have Angular or any other MVC framework already. I get the decoupling stuff from the DOM to make it testable and more flexible, but why not go all the way and make it a full fletched framework instead of just a view component library? Why would I just want a view?

Why are the tds and trs surrounded by divs anyway.

Erm... You're right. That leaves us with this:

columns[0].props.children[0].props.children

Which still kinda weird to see but is way less retarded that the other one.

>If you call working from at least 9am to 8am Monday through Saturday

This is why this shit is retarded.

Just sit down for a week and work on a random project with this schedule. You'll get just as much if not more out of it than the chumps who dish out 20k for a fucking live javascript tutorial.

React does a lot more than 'View'. The component model it offers is deceptively powerful.

youtube.com/watch?v=nI0cQ-2YR1I&feature=youtu.be&t=8h5m48s

Are you fucking stupid? If, by sticking to the program, I'm practically guaranteed a job in the middle class where both the employee and employer seem to be happy, who is getting scammed?

If I had loaners willing to finance, I'd pay to be a part of a dedicated group trying to learn to program alone. The fact that the program is industry proven is icing on the cake.

Udacity has a decent intro to HTML and CSS. I think that pretty much teaches you enough to be dangerous. You can try recreating websites from there.

It was a paradigm shift when I learned all web pages are made as a blocked shaped grid. This is what threads look like when they aren't in elements that contain them in tables. Without the element that defines it as a grid, everything would be in small test running along the left side of the screen. I think that fact takes a lot of the mystery out

You don't want to reach into props.anything and mutate it (assign to it, or assign to a property on it, or increment it). React works best when your UI (virtual dom) is built as a function of state and/or props.

State + Props => DOM

To change DOM, as in render something new, change state if you own it (setState), or ask your parent component to change the props via a callback

Why a week and not 3 months? It's probably something I plan on doing intermittently for the rest of my life once I get a job -- where I'll be learning at a much higher level. I'm willing to go in debt to make the process of learning basics and getting a job that much smoother.

>practically guaranteed

OK m8. Don't get your hopes up, though.

codepen.io/user/pen/JRGzkY?editors=0010
Click on a cell to change its value.

* state is encapsulated in the component; we initialize the 2d array with props, but then it takes over from there
* render is a pure function that transforms the current state into a view

forceUpdate is an escape hatch for state mutations that I'm only using because I'm lazy and non-mutating deep updates to objects are a PITA

>Udacity has a decent intro to HTML and CSS.
I want to know about actual design not programming, I'm already proficient in most front end and back end stuff, I want to design my own shit without looking like amateur garbage.

I'm not counting on going 0 to $100k in 3 months but yeah, I'm expecting a job

less lazy version
codepen.io/user/pen/XjXGwJ?editors=0010

Posting some of what I found on the page source.

"modal_zone":{"type":"lightboxes","default":{"id":"13268","type":"daisy_chain","anim":"fade","cta_list":[{"id":"12361","type":"cta_primer","fields":{"title_text":"Donald Trump is temperamentally unfit for the presidency. ","body_text":"","button_text":"I Agree","media_type":"image","image":{"alt_text":"","desktop":"","mobile":"","splash_page_desktop":""}},"bucket":{"send_email":0},"click_to_act":{"title_text":"","description":"","url":"","action_text":""},"order":0},{"id":"6328","type":"cta_signup_email","fields":{"title_text":"Stand with Hillary and help keep Trump out of the White House","button_text":"Count me in",

Because within a week you'll either quit or realize that you can do it on your own. Especially when you don't waste time on:
- commute
- bullshit talks
- stupid questions
- social events

What is something like Bootstrap but isn't so bloated?

wow user you're a real detective. go eat your nuggets now

>getting mad that you can't hack

Noob :)

Daily reminder that web developers aren't programmers.

If you just want a grid system there are a few.

I want something with nice typography

>Using a CSS framework

if you can't write CSS, just turn off your computer forever.

Just google font combinations web. You don't really use bootstrap or similar for the typography.

Daily reminder that your ability to write an extremely efficient bubble sort algorithm won't land you a job.

Fuck off, Pajeet.

Don't you have a FizzBuzz to make for the /dpt/, Ajeet?

Go back to writing your shitty PHP scripts, Pajeet.

Will do, you go back to being unemployed and making Hello Worlds.

Go fly a kite, sir.

;)

>inb4 404
bump

Sup Forums, what can you tell me about The Odin Project? I see that they want me to use rails+algular.js. Looks like they have everyhing I need.
I want to start from the beginning, learning for 2-4 hours each day for a 8-9 months. Can I achieve something? I know some basic java shit and a little html+css.

can any of these programming competition websites actually land you a job?

Saved the day at work today with this bad boy:
Date.prototype.getTime = function() { return 1; }

Crashing our app with no survivors.

Until you ask a recruiter it can both land you a job and not land you a job.

t. Schrodinger's job application

Coming back from a 6 year long hiatus from webdev (inb4 everybody walk the dinosaur), what the fuck is up with client-side rendering? I just retardedly fidgeted with Angular to quickly discover that the whole idea is to structure your server as a resful api and let your client figure out what it should do with the data.

Admittedly, this seems to be an elegant solution, as different kind of clients can draw data from the same api, but come on, when I'm building a run of the mill website, I know there won't be a mobile app for it. Users will just use the mobile browser.

It just feels like a bug, to not have easy integration to a page rendering server.
Can modern facebook machines take it, and not have 1-3+ second load times?
What about mobile, doesn't it kill performance? Or if not performance, battery life?
Do web crawlers index your site as easily? I guess google would, as it's their fucking framework, but what about the other sources of traffic?

I know you adapt your tools to the jobs. Am I thinking about this the wrong way and are such front-end frameworks designed with webapps in mind while the traditional "muh blag hear" is still done the old way?

my stupid practice app.js has 600 lines and it doesn't do anything

webdev is so stupid

Uhm, I hate to be the one to tell you this..

But have you ever considered that the problem is not the langauge?

Bullshit.

Only because C/Java babys can't cope with dynamically typing doesn't mean it's bad. It's more the baby duck syndrome of "oh noes, what type is this? Soo unsafe!" - a Lisp guy would have no problems with that.

Also stuff like TypeScript solves the wrong problems. Or like other put it: You gain something but you pay a price for it.

JavaScript is not Java and that's great.

>dev.to/ben/the-fat-client---thin-client-debate

Dynamic typing is objectively inferior and it's not question of "handling" it. If anything it's the javascript noobs who can't handle strong typing. Also for all of it's suggested strengths javascript doesn't do anything well enough to call it good - it's OOP is shitty hack, functional side shadow of real functional languages, concurrency myth, type system joke and so on. And no, ES6 doesn't do enough to fix it even if it's support would be better.

Why make the server work when the client can do it. I say fuck them phone battery life I'm not paying any extra. And yes any average laptop can render things as fast as if it was served by the server.

Is it worth it for me to get into web development?
Am currently a student and eventually want to work as a software engineer rather than web dev, but I find web development fun too. I've made some stuff in the past and would say I have a decent grasp on things (obviously I'm not professional tier as I haven't put in the time) but I was wondering if this is worth perusing as something to do for fun or eventually to get money on the side?

>Dynamic typing is objectively inferior

*[citation needed]


>Also for all of it's suggested strengths javascript doesn't do anything well enough to call it good

Agreed. That's why you use better appraoches like CoffeScript (which compiles to JavaScript) or a power library like underscore.js.

Also frameworks like Angular or React only exist because of what JS is lacking. But nevertheless dynamic typing is not the real problem.

Not mine but check

>when I'm building a run of the mill website, I know there won't be a mobile app for it. Users will just use the mobile browser.

Serverside rendering is still a thing. You can still do it the "old-fashoned" way if you think that's a better fit for your website. You can still embed vanilla javascript in your server-rendered views to add functionality. You can still use vanilla AJAX to hit a REST API without going full frontend framework.

>What about mobile, doesn't it kill performance? Or if not performance, battery life?

V8 and friends are actually pretty damn good at running JS code. There is rarely a performance bottleneck unless you're trying to do something way over-the-top or the programmer just did a shitty job.

The problem is almost always bandwidth, which is where the load time comes in. There are solutions, like rendering the initial view serverside (what React/Facebook does) or just displaying a loading screen. People are surprisingly patient when they have a spinner to stare at. Mostly just make sure your app is optimized as best you can and use a CDN.

>Do web crawlers index your site as easily?
Google bots have been able to run JS code for a couple years now, so they can see your code. No idea about other search engines but who cares about them anyway.

>Am I thinking about this the wrong way and are such front-end frameworks designed with webapps in mind while the traditional "muh blag hear" is still done the old way?

You can use anything for anything (except tables for styling)

You just have to weigh the pros and cons of the different options and decide what's best for your needs. Most blogs either use a blogging platform like tumblr or blogger, or a backend framework like wordpress. (Both render serverside.) A frontend framework like Angular would be massive overkill for something like that.

spqrchan.org/vinum/

It's an imageboard that's only open at certain times twice a day.

What the fuck are you even saying? Frameworks like angular exist because they're frameworks, they're reusable, abstracted functionality that facilitate development, their existence doesn't have anything to do with what JS is lacking as a language. Dynamic typing is a problem to us humans because it's prone to human errors, I know you have never worked on a large application before or else you wouldn't even argue how static typing is a better and safer way of doing things.

Typescript is something that exists to add stuff that JS actually lacks, like static typing, interfaces, access modifiers, intelisense and compile time checking. And it also compiles to JavaScript just like Coffescript.

What fucking price do you pay for using Typescript? You seem to just be spouting bullshit. Do you even know what you're talking about?

Memes aside, i need some counseling /wdg/:
I was a decent LAMP developer, but after 2 years the company i was working for laid us off and i got another job as generic "IT guy"/sysadmin, which is what i'm still doing. Salary is good but i actually want to get back to the web development world, and of course my knowledge is out-of-date.
What languages/technologies should i look into and which ones are required the most on the job market?
Any help will be appreciated and rewarded.

What is the simplest way to schedule a php script to run once a day? Basically a cron job. However most implementations i find are overly complicated and deep for such a simple thing, especially when trying to get it working with whatever framework (session and security handling mostly). I just want it to do like 5 lines of code once a day (cant be triggered by visitor, must be 100% reliable).

Can i write my own scheduler? Halp

Use Cron?

Would still appreciate some help with this one, please.

How do I do web development without wanting to fucking kill myself?

Do something you would actually need. Or your own copy of some basic CRUD like blog or instagram.

Which of the learning material in the op is recommended personally? All of them are basically the same from what I see but a few of them do different things or have more resources than others.

Wouldn't the CMS I made already qualify as that? That was full of CRUD.

Rewriting the function was something I needed, more or less. Same could be said about the Steam app I'm almost done with.

see
>How to get started
youtu.be/sBzRwzY7G-k - "2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer "

now let's have that reward. Just make the check out to Anonymous.

What's complicated about cron?
Read this for some simple instructions on setting up a cron job: askubuntu.com/questions/2368/how-do-i-set-up-a-cron-job

>Any suggestions as to what else should I be doing?
Always be practicing on your own. Make stuff. Try out new things that seem interesting. Here are some ideas:
- Learn you a Haskell. Functional programming is good to know.
- Learn you a Go (golang), a sanic speed compiled language with good support for concurrency. Good for backends.
- Install gentoo (i.e. git gud with linux.) If you go into backend dev, you'll most likely be balls-deep in linux for your entire career.
- Learn how to use Docker because containers are neat and very useful.
- Learn design. It's not magic, and it will help you in your career not to be completely blind to that shit. Plus, frontend people will like you more. Maybe you can bang some hot SJW hipster bitches.
- Learn JS. For the moment at least, it's the Lingua Franca of the web. Maybe one day it'll be replaced by something memeier but you'll be using it a lot for the next decade at least.

>how "required" is bachelors in IT for back-end atm?
Varies. Some companies will trash your resume immediately if you don't have a degree. Some want one but don't care if it's in IT. Some don't give a shit at all. Some do give a shit but will let it slide if you get a reference and/or impress them with some projects.

Two years ago I started working parttime as a webdev, without only a codecademy understanding on how webdev works. I learnt most of my stuff there.

I'm making 13.5 per hour, my coworkers make 15 per hour. They had more experience when they started.

Is it wrong to ask for even 15 bucks?

Cheers.

I did web design for a year so it's not like I don't know anything and JS was a part of my web development course. My last project is also 95% JS so I guess I'm gonna check out golang or Docker.

>web dev
>sub 15/hr

fug I can get a 13.5 an hour job right now full time working at amazon. Pls tell me this guy is getting scammed.

Also ask for a raise and if they don't but you still want a raise you just have to look for a new job and ask for the starting to be that raise amount. With any job leaving your current job for the exact same thing at another company is always a good way to get a raise. You have experience now it seems anyway. But your pay is really scaring me but I assume it's because of your understanding of web dev. Did you just complete all of code academy and then applied for a job and stopped learning afterwards? What is the title of your job anyway?

Hey /dpt/,
I made a small game in Python and I wanted to give it to a friend to play it. It's just for fun and filled with inside jokes.
I don't want him to see the source code though, I know it's nothing special and it only took me a couple hours to create it but I don't want him to judge my style.

So, is there any way to compile Python files making it into an executable or something, making it impossible for him to read the source code?

Wait, this isn't /dpt/... sorry, I was just looking in the catalog for dpt and this was the first result.

most of them are basically the same, yeah, just a matter of taste. Codewars teaches no theory, it's just tons and tons of coding exercises organized into difficulty level and arranged thematically. It's great to practice your shit on; from my experience if you just follow those online courses you get to a point where you understand everything, but you can't code anything. Codewars gives you the needed practice.

and as for the 'free programming books", just go here gen.lib.rus.ec and download any fucking book you want.

user who wrote the latest iteration of the OP here. They're all pretty good for different things. In particular:

- Codecademy is good for people just starting who need a primer on basic language constructs and syntax. It teaches you the "grammer" you need so that you can move on to more complex comcepts.

- The github book listing is good for people who learn best from a book. There are also plenty of other good listings, in particular all of the "Awesome" tagged github repos.

- Odin does a good job of explaining basic conceptual things. They also have a lot of links to good external resources. Ruby/Rails is their backend of choice.

- FCC is roughly equivalent to Odin, but with more of a focus on interactivity and projects (and Node instead of Rails). They also have a pretty good community following.

- MDN (developer.mozilla.org) is hands-down the best source for HTML/CSS/JS documentation. (JS was created by the company that would become Mozilla so that makes sense, I guess).

- Codewars takes kind of a gamification approach. You earn points for solving increasingly difficult programming challenges. It's particularly good for people who like to learn very independantly because it doesn't directly teach anything, it just hands you a problem and you have to figure out the solution however you can. It's also more intermediate-level. Don't start with it, go learn the basics somewhere else first.

- The youtube channels are good for people who prefer to have something verbally explained to them. (my personal preference). Sometimes you also pick up some tangentially-related info about the industry that's good to know. As a side note, I was considering putting Eli the Computer Guy on the list, but a lot of what he says is outdated or just bullshit, but there are some good industry insider gems in there.

IMHO it takes a good mix of different things to give you a well-rounded knowlege base. Try different ones, and see what clicks for you.

>Two years ago I started working parttime as a webdev

man, there's a bunch of us Neets here trying to make the same jump you made. We want info, details. Where/how did you apply, did you lie on your CV, how hard it was at first, anything useful, we're starving over here man.

Thanks.

And no, it's not wrong, go get that money, it's yours.