I have tried to learn django, and .Net Web App development but the entire thing is very very convoluted, at least for me.<p>So if you could recommend a tutorial that starts from simple html form and interacts with the server and DB.
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.<p>[1] <a href="https://developer.mozilla.org/en-US/docs/Learn/Forms" rel="nofollow">https://developer.mozilla.org/en-US/docs/Learn/Forms</a><p>[2] <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side" rel="nofollow">https://developer.mozilla.org/en-US/docs/Learn/Server-side</a>
The small chunks and interactive learning of <a href="https://www.codecademy.com/" rel="nofollow">https://www.codecademy.com/</a> and similar, I found pretty great.<p>freecodecamp has some good ones on youtube<p>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.<p>"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..<p>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 ( <a href="https://www.codecademy.com/" rel="nofollow">https://www.codecademy.com/</a> ) 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.<p>I've enjoyed the cssGrid learning from (I think it's "Jan" aka layout land <a href="https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag" rel="nofollow">https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag</a> ) - 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.<p>Interact server and DB? like ajax / javascript? Or more niche like react vs vue? DB like MySql vs Postgres or different?<p>There's a lot of options these days, which is good in some ways and makes thing tougher in others imho.
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.<p>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.
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.<p>I found it really entertaining and fun to work at such a "low level".<p><a href="https://shopify.engineering/building-web-app-ruby-rails" rel="nofollow">https://shopify.engineering/building-web-app-ruby-rails</a>
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.<p><a href="https://httpd.apache.org/docs/2.4/howto/cgi.html" rel="nofollow">https://httpd.apache.org/docs/2.4/howto/cgi.html</a>
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.