/wdg/ - Web Development General

Previous thread: It's the only way to keep these threads alive, I guess

>Beginner Roadmap and Overview
github.com/kamranahmedse/developer-roadmap (don't be overwhelmed, ignore the later parts and go step-by-step)
youtube.com/watch?v=UnTQVlqmDQ0

>Free beginner resources to get started
Get a good understanding of HTML, CSS and JavaScript.
developer.mozilla.org/en-US/docs/Learn - a good introduction to HTML/CSS/JS and Node.js or Django
freecodecamp.org - curriculum including HTML/CSS/JS, React, Node.js, Express, and MongoDB
javascript.info - curriculum providing a strong basis in JavaScript

>Further learning resources and documentation
developer.mozilla.org/en-US/docs/Web - excellent documentation for HTML, CSS & JS
hackr.io - crowdsourced collection of tutorials (ignore sponsored stuff, look at upvotes)
learnxinyminutes.com - quick reference sheets for the syntax of many different languages
pastebin.com/gfBPg24A - Collection of PHP links.

>Need help with some HTML, CSS or JS?
jsfiddle.net - create an example here and post the link

Attached: 1c699617612764e0a26148b7368ddaa8.jpg (1024x817, 83K)

Other urls found in this thread:

wpbeginner.com/showcase/40-most-notable-big-name-brands-that-are-using-wordpress/
youtube.com/watch?v=AdNJ3fydeao
reactjs.org/docs/hello-world.html
pastebin.com/tGmRdDgY
p5js.org/download/
youtu.be/YDMAXkpzahk?t=577
developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text#Additional_attributes
developer.mozilla.org/en-US/docs/Web/CSS/:valid
twitter.com/NSFWRedditGif

not again!

>tfw my portfolio web page looks way better than anything in it
Did I fuck up?

Attached: 1558960885470.jpg (549x604, 63K)

Imagine the taste

Attached: salty.gif (320x240, 1.52M)

/wdg/ is now /ass/

Attached: 1558329080165.jpg (599x639, 37K)

Attached: 1562105683191.gif (461x345, 2.09M)

>That pic

Am I an autist is that's exactly what attracted me to web dev?
I wanted something so ever changing and extense that there were no room for boredom.

Should I learn Go(lang) after I'm done with practical javascript? Originally I plan to learn C#, but that seems to be too large/more separate than the field of Web dev.
Aside from python I can't think of any other more in-use language for web dev shit.

C fag here, want to start getting in to webdev and already kinda know HTML/CSS, is javascript the goto for scripting or is it just a meme?
I know a guy that does most of the webstuff in my group of friends and it's what he recommends.
Is there any alternatives I should consider or do I just swallow the JS pill whole?

depends what you want to do but you need a basic understanding of JS at the very least for most webdev, especially front end stuff

Mostly just general web design, I guess I'd be looking at it from a more hobbyist perspective so just understanding how to make webpages that don't look like something as old as I am would be nice.

Probably best to look into using JS, Most web development stuff you will find will use NodeJS with express for webdev.

if you want a simple way to start similar to HTML/CSS, look into ParcelJS but for anything more advanced then you going to have to look at using modules like express. and work your way up.

If you're that much clueless, JavaScript is the only language supported by web browsers.
Surely you could write a code that compiles to WASM, or even something in Dart or Kotlin and transpile to JS, but you would be sacrificing 99% of all the libraries and frameworks available to you.
TypeScript is a legit alternative though, but TS is just JS with types.

Is there some sort of comprehensive breakdown of bootstrap vs bulma vs tailwind vs materialize vs whatever fucking else exists so I can just pick a design framework

no as a webdev especially your portfolio website is a direct example of what you can do, make it as fancy as possible

you don't /need/ js on the front end, and you can do all your backend scripting in php or python or whatever. Though that would be extremely autistic

99% of what I do is around C++ and C so I just have next to no actual webdev exposure, I don't mind sticking my head into JS proper as it seems to be the way to do things.

I'll have to look into it a bit more, I kinda get how it all works but I'm still pretty out of the loop on actually implementing most of it.

You're a dumb nigger. Tools should be stable, excitement and production code are not things you want to mention in the same sentence. JS is an abomination as much as the dev environment around it is.

Want excitement? Go learn something new or go onto reverse engineering. Stop ruining the web.

Insulting peple that has a different opinion than yours gives me a pretty good estimate of your intelligence.

BRAAAAAAAAAAAP

Attached: pfiGy_d.jpg (640x577, 28K)

Imagine the smell

ass

Hello, wagecuck. Did you learn that new framework yet?

Attached: images - 2019-07-05T050843.446.jpg (504x609, 29K)

I'm a simple guy, you say typescript I say yes, you say Node/React/Express/PostgreSQL/SQLite I say yes, you say anything else and I say fuck off
simple as that

>learning is bad and brings no satisfaction

No wonder you are a retarded NEET uncapable of sustaining yourself on your own terms

Attached: 1559766654777.gif (728x408, 2.29M)

*ahem*
Bbbbbbbbbbbbbbbbrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaappppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppploploploploplop

Attached: 1555594217975.jpg (800x1200, 721K)

Based

Cope more wagie :)

I'm not coping, it's just sad to see people as delusional as you are, without inherited genuine curiosity for learning and finding fulfilment through the process of doing so. You'll grow up one day and out of your delusions/lack of perspective just to find yourself questioning why you wasted so much time doing nothing day by day, night by night, when you could spend it on making money through creativity and learning.

If anyone is coping here, it's you by shitting on people that have it better than you, because the only thing you got left is envy for the people in whose shoes you want to be in.
Hello, NEET. Did you contemplate your past failures and new ways to do suicide yet?

Attached: 1562063921287.png (249x249, 72K)

(JS) Need to finish one async function and after that start a new one. How?.

function asyncfunc() {
//..do shit
newFunc()
}

Well goyim, do you care about the result of it?

await func1();
await func2()


func1().then(() => func2())


If you dont care about order

Promise.all([func1, func2]).start();

Turns out you don’t need the start

I need to have sex asap

you've come ot the right place, /wdg/ is a shagger general

They both look reasonable, thanks.

BBBBBBBBBRRRRRRRRRRRAAAAAAAAAAAPPPPPPPPPPPPPPPPP

snnnnniiiiiiffffffffffff...oh yes my dear....sssnnnnnnnnnnnniiiiiiiiffffffff....quite pungent indeed...is that....dare I say....sssssssnniff...eggs I smell?......sniff sniff....hmmm...yes...quite so my darling....sniff....quite pungent eggs yes very much so .....ssssssssssssssnnnnnnnnnnnnnnniiiiiiiffffff....ah yes...and also....a hint of....sniff....cheese.....quite wet my dear....sniff...but oh yes...this will do nicely....sniff.....please my dear....another if you please....nice a big now....

BBBBBBRRRRRRRAAAAAAAPPPPPPPFFFFFFFFLLLLLLLLLPPPPPPPPPFFFFFF

Oh yes...very good!....very sloppy and wet my dear....hmmmmm...is that a drop of nugget I see on the rim?...hmmmm.....let me.....let me just have a little taste before the sniff my darling.......hmmmmm....hmm..yes....that is a delicate bit of chocolate my dear....ah yes....let me guess...curry for dinner?....oh quite right I am....aren't I?....ok....time for sniff.....sssssnnnnnnniiiiiiiiffffffff.....hmmm...hhhmmmmm I see...yes....yes indeed as well curry......hmmm....that fragrance is quite noticeable....yes.....onion and garlic chutney I take it my dear?.....hmmmmm....yes quite.....

BBBBBBRRRRRRRRPPPPPPFFFFFFFFFFFFFFFFFFFFFTTTTTTTTTTT

Oh I was not expecting that…that little gust my dear….you caught me off guard…yes…so gentle it was though…hmmmm…let me taste this little one…just one small sniff…..sniff…ah….ssssssnnnnnniiiiiffffffffffff…and yet…so strong…yes…the odor….sniff sniff…hmmm….is that….sniff….hmmm….I can almost taste it my dear…..yes….just…sniff….a little whiff more if you please…..ssssssnnnnnniiiiiffffffffff…ah yes I have it now….yes quite….hhhhmmmm…delectable my dear…..quite exquisite yes…..I dare say…sniff….the most pungent one yet my dear….ssssnnnnniiiifffffffffffffffffffffff….yes….

Attached: 1522819443551.gif (339x239, 505K)

Am I stupid or is rxjs fucking hard?

based and REDPILLED

Hello, NEET. Enjoying the frozen pizza?

What extensions do I need to make Angular development in VSC manageable?

Or even worse, imagine the period blood smell

(((Shudder)))

So if these companies use a cms; how do they not get hacked and ridden with exploits?

wpbeginner.com/showcase/40-most-notable-big-name-brands-that-are-using-wordpress/

These are some of the most popular sites on the web that are also the most trusted. Yet if they use wp, how in the world are they keeping themselves secure?

I'm diggin' /wdg/'s new OP format 2bh.

based jQuery

anyone here on .net core? can I get some quick pros and cons and where to find some good learning resources?

They use stuff like Bedrock that fixes most of the architecture and then protect themselves from bot attacks with stuff like Wordfence. Also, they likely don't stuff any off-the-shelf plugin without first verifying that it doesn't have any major security holes.

Disregard smelly assholes
Install Vue.js

Attached: evanyou.jpg (500x500, 69K)

Can any advanced memesters in this thread make a JavaScript version of this guy?

Attached: prussia-pro-57e4bd43d51b3.png (457x450, 154K)

I'm gonna start using React in my work but I'm feeling overwhelmed with all the info on the net. Any good books/tutorials just to get the basics?

Duncepill me on Svelte

Attached: images.png (225x225, 9K)

youtube.com/watch?v=AdNJ3fydeao

skip the first 4 minutes if you want

It has good performance, C# is good language, it's popular.

I mainly followed the guide on the official site
reactjs.org/docs/hello-world.html

It just means you're your most beautiful creation.

Attached: 1561835212011.gif (450x252, 724K)

Allright, I was watching the freeCodeCamp guide. Thanks user.

More like brap development lol

What am I doing wrong? Trying to compare datetime in php and the answer is always wrong.

pastebin.com/tGmRdDgY

I'm just trying to check if a date coming from a db is within the next week.

How do I get better at reading documentation?

Only read what you need.

Sometimes it sucks though and you have to read pages. You just have to power through it. I have super ultimate ADD and was an API integrations specialist. I had to read terribly boring API documentation constantly and I was somehow able to manage. Btw fuck Microsoft and their shit documentation.

Attached: 1559851334271.png (960x960, 1.21M)

How much do you need from both the backend and frontend to be employable?

I'm a jabascript hater but I wanted to try this p5js.org/download/
so I downloaded the complete version and opened it in vscode however I'm not getting any autocompletion.
Is this normal? do jabascript programmers really not use autocomplete?

Are most of you doing php or nodejs?
why is php the defacto? cant you use anything on the server side?

Did you download the intellisense via the vscode package manager?

well microsoft says js intellisense is included in default vscode

name your files .js and hit ctrl+space

it tells me the arguments for the ellipse function but not createCanvas
I can't go to definition either

This whole thing is fucked

Attached: Annotation 2019-07-05 170756.png (699x353, 43K)

you need to import it from p5 perchance?

>know python
>interested in webdev, but been scared of it
>go to learn JS
>mfw it's just an easier python
based

Attached: 1561567878306.png (720x720, 173K)

how the fuck do I scale a single table which gets a gorillion writes and reads? the data is just (timestamp, latitude, longitude, user_id)?

try adding
import p5 from './p5';
let i = 0;

function setup() {
p5.createCanvas(600, 600);
}

does this work?

you don't have to imagine.
it will taste like shit.

youtu.be/YDMAXkpzahk?t=577

JS is such a trash language

whoops i don't have experience with the framework required in this job posting, i guess i'll have to learn it and then maybe i can get a job soon
ad absurdum

p.s. gas webshits

How do I git gud at backend? Can do basic node/express shit but dotnet/netMQ is fucking my shit up.

Attached: E0FAF273-4A64-4565-8F64-56B0CE1403FC.jpg (220x285, 11K)

>dotnet/netMQ
Learn C# first.

did you do fizzbuzz yet

I want to put my dick in that ass.

have sex

well, yeah, I do. I fuck my hand daily.

masturbation is not sex
pathetic incel

no u

Attached: 1556084133367.jpg (600x445, 55K)

guess thats it

Is there any way i can make a website that acts kind of like its own browser, where people can go to any page and have it load load for them with an overlay?

most pages disable framing and CORS

I know I could make a server request pages and serve them through but I want a low-bandwidth service

Epic badonkadonk famalam

is this based javascript?

Attached: r8.png (1352x604, 54K)

embeddedfag here. how do you decouple backend server and front-end code completely, such that your server isn't hosting your front-end files?


also, say i have a TCP/IP socket server running. why would I want to run nginx on top of that for file serving?

just changed i[1].value.length == 0 to

i[1].value.length != 9


I think that's what I was looking for.

I run a front-end server, api server, and image server. My frontend just serves html/js that can then use the api.

You could also dynamically render content server side on the frontend, but it would still interface with the api behind the scenes and basically mimic what it would do if the user was rendering it.

>var i
type="phone" isn't a thing, it should be "tel"
Don't grab those elements in this extremely generic way of selecting them by tagName and then accessing them via array indices.
Use clear unique CSS identifiers if you want to refer to them.

Don't append your status to the HTML like that.
You'll end up with multiple messages if someone clicks multiple times.
Make a dedicated status-message div and put the specific error hint in there.

Maybe even additionally validate the input while putting in the information.
You can do that with HTML and CSS alone by using specific attributes
developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text#Additional_attributes
in combination with the :valid pseudo-class
developer.mozilla.org/en-US/docs/Web/CSS/:valid

Ive had problems with that before. I just import the api.

What's the best database that can both sync with a central one, and run in a browser? I'm looking at CouchDB + PouchDB right now.

quality

Attached: 1560059325423.png (1453x732, 372K)

>Any good books/tutorials just to get the basics?
no, prepare for pain. knuckle down and make something in it, with the docs handy.

>why is php the defacto?
because it's old and LAMP was a big thing

>backend