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
I like it! https://daneden.github.io/animate.css For those of you who visited hello.forum.devtalk.com you’ll have seen it in action on ...
New
AstonJ
Here’s a pretty good list of them: https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS What’s your favou...
New
kokolegorille
Hello everyone, Does anybody uses Web Components in 2020? It’s quite old, but recently it seems to have some kind of revival. I have be...
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
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
First poster: bot
hlang in 30 Seconds hlang (the h language) is a revolutionary new use of WebAssembly that enables single-paridigm programming without any...
New
Reinis
For the last few months I’ve been (re)-learning vanilla CSS. Initially I did not ‘get’ how to structure CSS to take advantage of the ‘cas...
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
vinay003
When it comes to integrating messaging features into super apps, you’ll want a reliable and efficient solution. Here are some top SMS API...
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

Other popular topics Top

DevotionGeo
I know that these benchmarks might not be the exact picture of real-world scenario, but still I expect a Rust web framework performing a ...
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
AstonJ
poll poll Be sure to check out @Dusty’s article posted here: An Introduction to Alternative Keyboard Layouts It’s one of the best write-...
New
PragmaticBookshelf
Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters...
New
PragmaticBookshelf
Author Spotlight Rebecca Skinner @RebeccaSkinner Welcome to our latest author spotlight, where we sit down with Rebecca Skinner, auth...
New
First poster: bot
zig/http.zig at 7cf2cbb33ef34c1d211135f56d30fe23b6cacd42 · ziglang/zig. General-purpose programming language and toolchain for maintaini...
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
RobertRichards
Hair Salon Games for Girls Fun Girls Hair Saloon game is mainly developed for kids. This game allows users to select virtual avatars to ...
New
pragdave
Build robust LLM-powered apps, chatbots, and agents while mastering AI engineering principles that will help you outlast the tools and th...
New
CommunityNews
Open-source implementation of the classic GTA engine now running directly in your browser. Experience the reVC technology demo on DOS.Zon...
New