DEV Community

Discussion on: front end

Collapse
 
cdvillard profile image
Charles D. Villard

Working in front-end development doesn't mean spending a bunch of money these days. Open-source tools are everywhere. Even Microsoft Visual Studio has a 'forever-free' version in Visual Studio Community 2017. That said, there are a lot of free resources if you want to learn the ins and outs of the front-end.

In terms of what to study, stick with HTML, CSS, and JavaScript first. As a starting point, I would recommend Shay Howe's "Learn to Code HTML and CSS". Not only does he offer lessons on basic and advanced HTML and CSS, but also recommendations depending on where you want to grow.

I would take Pierre Bouillon's advice and try building your own webpage. This will help you get to grips with HTML, CSS, and JavaScript. If you want to go so far as to use PHP and SQL for back-end functions, there are some cheap and even free hosting resources available if you look. If not, you can also use free services from GitHub Pages and Netlify as well.

This seems a little redundant, but when I make the recommendation of sticking with just HTML, CSS, and JavaScript, I mean just that. You'll run into libraries and preprocessors; don't go down that road too early. You want and need to have a solid grasp on those three languages first before using them, or else you'll lose yourself in gotchas when you're in an environment where you can't use them.

All that said, I do want to caution you about diving right into front-end development. It's still a growing and changing field without a solid definition. From person to person, it can involve any combination of design, structure, styling, or coding. It might mean you just mess with HTML and CSS, or that you work with JavaScript frameworks and Gulp tasks. Everyone has an opinion, and they'll want you to know it.

Collapse
 
tcratius profile image
Me, myself, and Irenne • Edited

Cheers mate, strangely enough I bought his book about 2days ago :) cause I know next to nothing about css and html. Been an interesting read and I can use it with Python and Django so I'm pretty stoked. Some of the template stuff in Django like render() has go me bamboozled. But then again alot of help documentation for coding is annoyingly hard to understand.

PS how will I know a preprocessor when I see one? Lol all good, keep my sober eye out for them. :p