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

New
First poster: bot
Why do ARM chips have an instruction with Javascript in the name (FJCVTZS)?. FJCVTZS is “Floating-point Javascript Convert to Signed fix...
New
finner
Some resources for Spring Home of Spring Spring Initializr Head First Spring with Reactor
New
pippo12
Hello, I hope you have some tips for me. I am looking for further education including certificates (or similar) which are also accepted ...
New
AstonJ
Was just curious to see if any were around, found this one: I got 51/100: Not sure if it was meant to buy I am sure at times the b...
New
KnowledgeIsPower
Hey, I have migrated by blog from Pelican to Astro (static site generator) Please give comments or feedback, thanks!
New
NKTgLaw
Introduction The NKTg Law on Varying Inertia describes the tendency of an object in motion depending on its position, velocity, and mass...
New
max_alyokhin
I created a web-synthesizer that generates sound from the binary code of any files. It can synthesize sound directly in the browser, or b...
New
toollist
Hey folks, Wanted to share a Chrome extension I’ve been using for Instagram data collection, and also open up a discussion about one of ...
New
zoosky
Hi! After working hard on this side project (a Rust based Markdown CMS for humans and agents) and reaching a level, where the product can...
New

Other popular topics Top

Exadra37
I am thinking in building or buy a desktop computer for programing, both professionally and on my free time, and my choice of OS is Linux...
New
Rainer
My first contact with Erlang was about 2 years ago when I used RabbitMQ, which is written in Erlang, for my job. This made me curious and...
New
PragmaticBookshelf
From finance to artificial intelligence, genetic algorithms are a powerful tool with a wide array of applications. But you don't need an ...
New
DevotionGeo
The V Programming Language Simple language for building maintainable programs V is already mentioned couple of times in the forum, but I...
New
mafinar
This is going to be a long an frequently posted thread. While talking to a friend of mine who has taken data structure and algorithm cou...
New
PragmaticBookshelf
Author Spotlight Mike Riley @mriley This month, we turn the spotlight on Mike Riley, author of Portable Python Projects. Mike’s book ...
New
PragmaticBookshelf
25 puzzles that will make you a better C programmer by challenging your knowledge of the language, and explaining the technical details o...
New
PragmaticBookshelf
Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
New
sir.laksmana_wenk
I’m able to do the “artistic” part of game-development; character designing/modeling, music, environment modeling, etc. However, I don’t...
New
AstonJ
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
New