Ask HN: Best Web development tutorial without any frameworks?
9 comments
i used flask and express. light weight but security is up to you.
I can't recommend a tutorial, but I could suggest finding any older 'learn HTML in 24 hours' from before frameworks were a thing (pre-2010) and get a firm grasp of the basic language.
Creating a server-side thing to interact with is another level of depth, since you'll have end up choosing a language or system to learn in addition to HTML...older books will probably have you using something like Perl to submit forms to, so you might desire to pick up a more modern technology.
Creating a server-side thing to interact with is another level of depth, since you'll have end up choosing a language or system to learn in addition to HTML...older books will probably have you using something like Perl to submit forms to, so you might desire to pick up a more modern technology.
The way I learned was with Apache cgi-bin and scripts I wrote myself. Bash I think. Maybe python. I wouldn't reccomend this for use in production or anything but the simplicity of it might help in groking the concepts.
https://httpd.apache.org/docs/2.4/howto/cgi.html
https://httpd.apache.org/docs/2.4/howto/cgi.html
Here is one that's based on Ruby from Shopify. It goes over the http spec and builds an application that can talk to a fake database (yaml file I believe), and then eventually goes into replacing parts of it with Rails.
I found it really entertaining and fun to work at such a "low level".
https://shopify.engineering/building-web-app-ruby-rails
I found it really entertaining and fun to work at such a "low level".
https://shopify.engineering/building-web-app-ruby-rails
MDN has a a web forms tutorial [1], and their server-side development section [2] starts with a framework agnostic intro before diving into Express and Django.
[1] https://developer.mozilla.org/en-US/docs/Learn/Forms
[2] https://developer.mozilla.org/en-US/docs/Learn/Server-side
[1] https://developer.mozilla.org/en-US/docs/Learn/Forms
[2] https://developer.mozilla.org/en-US/docs/Learn/Server-side
The small chunks and interactive learning of https://www.codecademy.com/ and similar, I found pretty great.
freecodecamp has some good ones on youtube
A couple of good books out there too, trying to recall, may be from tutorialpoint? I may update when I get back to my desktop computer.
"w3schools" mention may get this downvoted - but I've found the small bits of learning combined with interactive examples helpful for many things.. frankly (for me still) a good place when I need to add something I can't remember like button hover or something..
can't recall what the hackernews hate for it is, something like they go against some tech standard on something or another - so don't make it a holy source.. MDN ( https://www.codecademy.com/ ) is closer to that, although I'm sure there are those who will debate XYorZ vs the w3c - who others will debate is bad cuz they don't play well with T,U or V, and are influenced by G or something.
I've enjoyed the cssGrid learning from (I think it's "Jan" aka layout land https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag ) - which makes it so no framework needed these days, which is awesome. Now there are many more grid learn resources on youtube and elsewhere.. so finding the one that fits your learning style should be easier.
Interact server and DB? like ajax / javascript? Or more niche like react vs vue? DB like MySql vs Postgres or different?
There's a lot of options these days, which is good in some ways and makes thing tougher in others imho.
freecodecamp has some good ones on youtube
A couple of good books out there too, trying to recall, may be from tutorialpoint? I may update when I get back to my desktop computer.
"w3schools" mention may get this downvoted - but I've found the small bits of learning combined with interactive examples helpful for many things.. frankly (for me still) a good place when I need to add something I can't remember like button hover or something..
can't recall what the hackernews hate for it is, something like they go against some tech standard on something or another - so don't make it a holy source.. MDN ( https://www.codecademy.com/ ) is closer to that, although I'm sure there are those who will debate XYorZ vs the w3c - who others will debate is bad cuz they don't play well with T,U or V, and are influenced by G or something.
I've enjoyed the cssGrid learning from (I think it's "Jan" aka layout land https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag ) - which makes it so no framework needed these days, which is awesome. Now there are many more grid learn resources on youtube and elsewhere.. so finding the one that fits your learning style should be easier.
Interact server and DB? like ajax / javascript? Or more niche like react vs vue? DB like MySql vs Postgres or different?
There's a lot of options these days, which is good in some ways and makes thing tougher in others imho.
I first used the w3schools to build a super insecure php app. However, after that I found Flask and their Flaskr tutorial to really speed up web development.
So if you could recommend a tutorial that starts from simple html form and interacts with the server and DB.