This content originally appeared on DEV Community and was authored by DEV Community
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 topics after chatting with several different front-end developers over the past nine months. Some of the topics also came from my own experiences working as a full-time front-end engineer for the past three years.
The list (written in no particular order) may feel a bit intimidating to me now, but I am remaining optimistic about being able to continually grow my knowledge about each of these topics and hopefully commit them to memory as I use them in the wild. I actually decided to create this list after feeling a bout of imposter syndrome today at work. Now, I'm feeling excited to continue digging into each topic further!
- The Document Object Model (DOM) and CSS Object Model (CSSOM)
- The JavaScript Event Loop, Promises, Asyc/Await
- CSS
positionProperty - CSS Flexbox Layout
- HTML Roles
- Common Accessibility Issues to Always Check For
- Unit & Integration Testing (Jest, Mocha, Chai, Cypress, Axe-Core)
- Form
actionandtargetAttributes - JavaScript Design Patterns
- Closures and Thunks
- CSS Variables and Preprocessors
- JavaScript as a Statically Types Language (TypeScript)
- Mutable and Immutable Types in JavaScript
- JavaScript Passed by Reference / Passed by Value
- JSON, JSON-LD, JSON Schemas & UI Schemas
- HTML Meta Tags (Especially Viewport)
- Different Ways Pages Zoom and How To Optimize For That
- Front-End Frameworks (React, Vue, Angular)
- HTML Templating (Handlebars, EJS)
- Webpack / Babel
- Git, Version Control and Rebasing
- Jenkins, Docker, Continuous Integration
- Caching
- CSS Methodologies (i.e. BEM)
- JavaScript Array Methods:
.sort(),.filter(),.map(),.reduce() - JavaScript Object Methods:
.keys(),.entries(),.values() - Front-End Performance Optimization & Speed
- CSS Specificity and Inheritance
- State Management (i.e. Redux)
- Semantic HTML
- Communicating with RESTful APIs
Feel free to leave a comment below if you have any suggestions for more topics to add to the list. Also, feel free to hit me up on Twitter @Contimporary to follow my journey to become a senior developer!
This content originally appeared on DEV Community and was authored by DEV Community
DEV Community | Sciencx (2021-07-28T05:20:02+00:00) 31 Front-End Development Study Topics to Improve Your Code Quality. Retrieved from https://www.scien.cx/2021/07/28/31-front-end-development-study-topics-to-improve-your-code-quality/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.