About: I'm a Software Engineer. I learn anything I feel curious about. Cloud, devops, linux, web3, game dev, web dev, Android, crossplatform name it.
After 3 long months of "Analysis Paralysis", I decided to enter the world of web dev. Now, I know there are tons of resources, tons of roadmap but I will still take the community and devs advice. Looking forward to helping and ask for help in the community. Feel free to drop advice, roadmap, tips, resources which will help me in advancing my journey in this web dev world.
P.S.: I am not a newbie, I have been learning Java and I am familiar with the concept of OOPS.
Thank you so much. I'll make sure I'll learn it.
Also for backend what should I choose?
Django/flask/deno or Spring or Nodejs or laravel?
Start with Node then maybe adopt Typescript after this take a look at C# also learn about serverless and the Nextjs framework
I know I'm late, but thought I'd chime in in case you're still on the fence re: JS framework. I've read that Vue has a much smaller learning curve than React, and is best for smaller, simpler sites (like a personal portfolio site). React is a heavier framework, but has a ton of advanced features. If you're short on time and are just doing a "mini-project" you might want to read into it (I started to, but haven't gotten far due to other priorities).
However, React is more popular once you're looking for a job.
Yeah, my team decided to go for moon.js, if we can't complete till deadline will go for vanilla js, as for backend we are using flask!
Start small, focus on learning a few fundamentals really well and as you understand those things, dip your toes into other things that spring off of those things. I'd say for web dev right now, focus on a javascript framework like Vue or React, and spend equal time learning javascript fundamentals, css, and html.
Thanks for the advice. I will start by learning basic html, css and vanilla js. After this I'll try to build some front end of websites. Also I am thinking of learning bootstrap too if I have some time left. With completing all of this I'll decide what to use for backend. Right now I am thinking of flask but I like java too and want to use it but for backend development I need to learn advance java , jsp, servlets and also spring framework which will be a burden. Considering the time I have with me I can spend 2-3 months within which I need become an intermediate level web dev.
Would it be completely insane to suggest learning
in this order?
For example by making JSON apis or cli tools in nodejs first.
I feel like this would give better knowledge than going head first into a framework OR vanilla js in the browser.
As per the internet norms step 3 comes first then 4 then 1 then 2 but if someone had to try something they gonna have to make their hand dirty by diving straight into something. I'm at the css part now will eventually learn bootstrap and vanilla js. After all this I'm thinking of getting my hands dirty with moonjs or react. As for the backend part I'm still deciding whether to use Flask or Vaadin or JHipster for smaller projects and Spring boot/ Django for bigger projects.
Also thanks for recommending solid I'll look into it. I wasn't aware of any other framework beside VUE, Angular, React and ajax
I get that it has many "components" that all change at the same viewport width media queries, but with flexbox and css grid there's a much lower barrier to entry than there used to be to make your own css responsive. On the other hand, if you don't want to design anything and just want to present your data/controls as soon as possible, you should grab a component-pack for your specific framework, like a Google Material Design or Ant Design one, that directly exports components in your frameworks format.
Oh, that was precisely my reaction, that it is very obscure, I barely heard about it. Certainly less than Angular, Elm, Svelte and Cycle.js. Also, if you are just looking around for variety, see lit-element and stencil.js, which produce Web Components.
I meant that you would have the same component code running on the server for server rendering and on the client for clientside rendering. Personally, I feel like server side rendering is overhyped, the cases when it's advantageous are fairly limited. Having a completely static homepage + clientside-rendered-only inner pages makes more sense.
Only if you are making something like a shop or Medium.com, with a lot of dynamic public content, would you want to render on the server to give new visitors that are following a deep link a fast experience.
However, if you do plan on pumping out dynamic HTML serverside, perhaps you should skip fully featured frameworks altogether, and use something like STIMULUS to just give your pages interactivity.
Hi, I am from India and I am into webdev as well (finished html, css , bootstrap now in DOM and js) would be nice to connect with you(Im in my first year)
Sure, follow me on dev! That's actually great I'm in third year and web dev will be the last domain I'll explore (currently exploring) probably if I won't get attracted towards blockchain. As for now nothing is decided. I am comfortable with Html,CSS. As for backend I'm learning flask and in databases I am familiar with MySql
Go with ReactJS as frontend library, you won't regret it!