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

andresriveros
I’m very interested in the Stimulus reflex approach for frontend development: It is a great way to integrate action cable very easily ...
New
DevotionGeo
Dart is not the first language with that mistake, but it’s newer. It shouldn’t have repeated this mistake.
New
First poster: bot
React is Dead. Long live Reactive Rails! Long live StimulusReflex and ViewComponent!. Let me tell you about the feeling that I get when ...
New
AstonJ
Which WebAssembly language/s interest you? I just discovered AssemblyScript (portal | thread) which looks interesting! Here are some of...
New
First poster: bot
23.44% of the PRs made by outsiders (not owners/members) get merged. PRs usually closed after 0.17 days (median) ** Based on most recen...
New
mrmurphy
The situation Hi there! I’m working on a live view app right now that encrypts sensitive user content (text and images) using the browser...
New
XSukhpreet
My Favorite tool is figma, It helps a lot in designing .
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
riyajohnson
When it comes to selecting a framework for a development project, it’s crucial to make an informed decision. With so many options availab...
New
DevynClark
Does anyone know of any companies that are accepting remote work for junior front-end devs or UI designers? I’m not even looking for some...
New

Other popular topics Top

AstonJ
If it’s a mechanical keyboard, which switches do you have? Would you recommend it? Why? What will your next keyboard be? Pics always w...
New
New
PragmaticBookshelf
Brace yourself for a fun challenge: build a photorealistic 3D renderer from scratch! In just a couple of weeks, build a ray tracer that r...
New
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
AstonJ
Curious to know which languages and frameworks you’re all thinking about learning next :upside_down_face: Perhaps if there’s enough peop...
New
AstonJ
There’s a whole world of custom keycaps out there that I didn’t know existed! Check out all of our Keycaps threads here: https://forum....
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
AstonJ
In case anyone else is wondering why Ruby 3 doesn’t show when you do asdf list-all ruby :man_facepalming: do this first: asdf plugin-upd...
New
PragmaticBookshelf
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
New
rustkas
Intensively researching Erlang books and additional resources on it, I have found that the topic of using Regular Expressions is either c...
New