DEV Community

31 Front-End Development Study Topics to Improve Your Code Quality

Tim Winfred (They/He) on July 28, 2021

If you spend a lot of time doing front-end development, you know how big the the world of HTML, CSS and JavaScript are. I came up with this list of...
Collapse
 
kamalsomani profile image
kamal somani

You can add javascript service workers in the list.

Collapse
 
twinfred profile image
Tim Winfred (They/He)

Thank you!

Collapse
 
teetotum profile image
Martin
  • The nitty gritty details about script loading order: inline scripts vs external scripts, synchronous loaded vs async loaded scripts, deferred scripts, and adding scripts programmatically later to the DOM (there be dragons)
  • the difference between ES5 and ES6 and how to transpile
  • ES5 fallback scripts with nomodule and ES6 module-based scripts.
  • automated polyfills: what can polyfill.io do for you? how to use corejs together with babel to automatically add needed polyfills?
  • bundling: what is the difference between a webApplication bundle and a library bundle? How to exclude dependecies in the latter case.
  • package.json: differences between dependencies, devDependencies, peerDependencies
  • module formats in js: commonJS vs UMD vs AMD vs ES6
  • learning why the IIFE pattern is relevant
  • Events in the UI: bubbling vs capturing phase and why it matters sometimes
  • Why e.stopPropagation breaks other components, and e.preventDefault is the way to go.
  • how the css property display: contents allows you to include wrappers for elements without destroying layouts that rely on direct-parent-child: like the flexbox
  • how the stacking-context allows you to never again need the z-index arms race with z-index: 999999; and the likes.
  • onBlur where will the focus go next? nice to know the FocusEvent.relatedTarget
Collapse
 
mr_bushido profile image
Pranav Nag

thanks for the information. much appreciated

Collapse
 
pajamaduck profile image
Jeremy Bryant-Berg

Awesome list! Thank you. I'm mainly a server-side dev, but have been increasing asked to develop frontend lately and I often feel like I'm back in school struggling to keep my head above water.

Collapse
 
twinfred profile image
Tim Winfred (They/He)

Good luck!

Collapse
 
casdidier profile image
cas_dd

Done the same a few days ago :)

Collapse
 
quangpl profile image
Quang Phan

Cool ! Followed :)

Collapse
 
samuelnarciso28 profile image
Samuel Narciso

Thank you

Collapse
 
bulmaroarellano profile image
bulmaroarellano

Great!!! Thanks!!!

Collapse
 
haqadosch profile image
HaQadosch

Well well well, it's definitely a good start :) .
roadmap.sh/frontend

Collapse
 
bhaskarnair2 profile image
Bhaskar Nair

I would also add
PWA
Intersection Observers (and other browser apis)
Interceptors
And properly using Dev Tools of the browser

Collapse
 
chriscorrigan profile image
Chris Corrigan

and Proxy