Ayushk

Ayushk

Front end Developer Skills

Hello,

This is pretty basic. I was trying to explore the front-end development as I was not from a tech background. But, very much interested in learning. I was exploring this Frontend article here

I just wanted to understand if there are any more skills/languages I have to learn in order to get started with this. May be a basic to advanced guide.

Most Liked

OvermindDL1

OvermindDL1

That’s a good idea, we need a topic here full of wiki-posts to detail variety of frameworks, basic skills needed, etc… etc…

As to that article, I’d definitely say typescript is more important than javascript, as it is javascript but with types to make it not hell to debug.

Learn webpack, it’s basically taken over the ‘frontend builder’ scene. It’s own homepage is decent as a reference, careful of tutorials because it’s changed a lot over the years so you want modern tutorials.

Don’t touch jquery. Don’t touch anything that touches jquery. Jquery is not only no longer relevant it’s actively harmful now. Vanilla JS can do everything it can, and if you want some of its few areas where its actually more succinct then just make your own functions to wrap the vanilla functionality or get one of the better libraries out that are actually fast and not harmful to performance and memory.

SASS and such other CSS preprocessors are basically all replaced now with PostCSS, PostCSS should be the CSS preprocessor used for any new CSS work, don’t touch the older ones anymore unless working on an old project that already uses them.

For CSS learn flexbox and grid css, those are the two modern ways supported by every evergreen browser and they make CSS sooooo much easier than the old methods!

And yes, learn git, not just from a gui, I’m entirely of the thinking that you should learn the cli, and not just the commands but what it does and how it works! Such knowledge you won’t use often, but the few times you will it will save your butt!

And of course test test test, the front-end world has a ton of great testing infrastructure from unit test things to full on virtual browsers to test full functionality.

And don’t forget that firefox/chrome/others have some fantastic debugging and performance tools for CSS, JS, and HTML, learn them and use them!

AstonJ

AstonJ

Another great post ODL! And I agree, it definitely makes for a good wiki topic :smiley:

Could split your post as a starting point if you like - but what to call it? State of Frontend Dev 2021?

jaeyson

jaeyson

I saw similar like frontend masters (2019 frontend handbook)

Where Next?

Popular Frontend topics Top

AstonJ
Inspired by @dbernheisel’s post here, which CSS framework do you use and why?
New
AstonJ
I was watching this video by Richard Feldman (Elm core team) and he’s predicting TypeScript is going to take over the JS world: ...
New
AstonJ
DHH might like you to believe they are a thing of the past: https://twitter.com/dhh/status/1275902566719610880 I actually went down thi...
New
finner
Some resources for Spring Home of Spring Spring Initializr Head First Spring with Reactor
New
New
mafinar
Just like I did one on Tailwind some time ago, I am going to play with AlpineJS the next few days. It’s a nice little JS framework that ...
New
ClaudiaGiv
Hi all, I recently started working with Svelte and created a small app with SvelteKit in order to understand better the framework. I hav...
New
Ayushk
Hello, This is pretty basic. I was trying to explore the front-end development as I was not from a tech background. But, very much inter...
New
SynergyRob
I invented a game of double Chess called Synergy Chess. I am not a coder. I hired someone to write the program. People can play online fo...
New
Fl4m3Ph03n1x
Background I am trying to recycle myself and improve my knowledge about Phoenix. With 1.7 now out, this seems like a good opportunity. ...
New

Other popular topics Top

Devtalk
Reading something? Working on something? Planning something? Changing jobs even!? If you’re up for sharing, please let us know what you’...
1037 19435 386
New
AstonJ
A thread that every forum needs! Simply post a link to a track on YouTube (or SoundCloud or Vimeo amongst others!) on a separate line an...
New
axelson
I’ve been really enjoying obsidian.md: It is very snappy (even though it is based on Electron). I love that it is all local by defaul...
New
Exadra37
Please tell us what is your preferred monitor setup for programming(not gaming) and why you have chosen it. Does your monitor have eye p...
New
AstonJ
I’ve been hearing quite a lot of comments relating to the sound of a keyboard, with one of the most desirable of these called ‘thock’, he...
New
PragmaticBookshelf
Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters...
New
AstonJ
Biggest jackpot ever apparently! :upside_down_face: I don’t (usually) gamble/play the lottery, but working on a program to predict the...
New
PragmaticBookshelf
Author Spotlight: Karl Stolley @karlstolley Logic! Rhetoric! Prag! Wow, what a combination. In this spotlight, we sit down with Karl ...
New
PragmaticBookshelf
Get the comprehensive, insider information you need for Rails 8 with the new edition of this award-winning classic. Sam Ruby @rubys ...
New
PragmaticBookshelf
A concise guide to MySQL 9 database administration, covering fundamental concepts, techniques, and best practices. Neil Smyth MySQL...
New