Backend Engineer Learning Frontend.

So i am a backend engineer trying to learn frontend so is their any guides that anyone think can help me? I will be glad to receive advice.

Comments

[Jaskirat Grewal]

Front End is about setting up a layout of the webpage/site, giving it a beautiful look, and adding functionalities. Three things to do, three things to learn: HTML, CSS, JavaScript (Vanilla). I suggest you to start working on the HTML (mainly div, a, form, table along with using of "class", "id" and "name" attributes), then move to CSS (basics and flexbox), then you should learn about writing frontend JS which basically regulates the functionality of DOM elements. After that, you should check out jQuery (must) esp. GET(), POST() and AJAX(). Once done with that you will have a proper base built up for your frontend learning. Then you should go to BootStrap. For starters, I can suggest you using WYSIWYG editors like BlueGriffon and Bootstrap Studio but remember these tools won't be as efficient as your hand-written code. Thanks.

[Kaleb McKinney]

I would/did start with HTML. You could probably learn the basics in an afternoon. Then CSS, CSS is more difficult. It'll take a little while, but it's not very hard, you must know HTML well to understand CSS.

Build some simple static sites, and when you feel good about HTML and CSS, then move on to JavaScript. Important to know the DOM. Don't worry about any frameworks for a while. But you will need to learn some. I personally like Vue and Svelte, but it doesn't really matter, except when it might.

Don't rush to is frameworks, but if you're like me, you'll want to learn how to use CSS frameworks soon after you get CSS 😅

[Andrew Nevins]

Thanks for reaching out. I think the most underrated thing about front-end is learning HTML as per the specification. This helps ensure that your more exciting JS development is based on strong foundation of semantic structure and will help with various methodologies like accessibility, SEO and good code maintenance.