If you’re seeking resources to kickstart your journey in frontend development, you’ve come to the right place. This learning path features our team’s top picks for articles, e-books, and courses that will equip you with the essential skills and knowledge needed in frontend development.
Table of Content
Beginner Level
1. HTML, CSS, and JavaScript Fundamentals
HTML
- Image element and attributes , Playlist
- Forms and input elements and attributes
- HTML entities, character encoding, and metadata elements.
- Semantic HTML5 elements like <main>, <nav>, and <article>.
- Principles of web accessibility and creating accessible HTML.
CSS
- CSS Selectors and this
- Layout techniques: Flexbox, Grid and Grid Practice Course
- Responsive web design and media queries.
- CSS pre-processors: Sass Basics
- Principles of web accessibility and creating accessible HTML.
JavaScript
- Error handling and debugging techniques and best practices
2. Building Responsive Layouts
CSS Frameworks
- Currently we are using Tailwind CSS
- Video series “Designing with Tailwind CSS”
3. Web and Internet Basics
4. Webpack Basics
5. Introduction to Build Tools (Vite)
6. Introduction to TypeScript
Intermediate Level
1. Vue.js
Vue.js Fundamentals
- Vue Devtools for debugging and inspecting Vue applications
Vue Router
- Setting up client-side routing in Vue.js .
- Nested routes, route parameters, and route guards.
- Navigation and programmatic routing.
- Advanced Vue Router features and dynamic routing.
State Management with Pinia
- Centralized state management with Pinai , Video
Server Communication
- Handling asynchronous actions with Promises and async/await
2. Getting Started with Nuxt.js
Nuxt.js Basics
- Exploring Nuxt.js project structure
- Asset handling: Working with static files and assets
- Global CSS and scoped CSS in Vue components
- ServerMiddleware for custom API endpoints and server-side logic
3. Building Reusable Components
Component Composition
- Composite and nested components in Vue.js. Topic
Component Libraries
- Using and creating Vue.js component libraries.
- Publishing and sharing components with the community
- Vue 3 Composition API for building composable and reusable logic
4. Security in Front-End Development
Web Security Fundamentals
- Understanding security threats and best practices in web development
- Common security vulnerabilities, such as Cross-Site Scripting (XSS) and Cross-Site Request Forgery (CSRF)
5. Version Control
Advanced Level
1. Server-Side Rendering (SSR) with Nuxt.js
Advanced SSR Techniques
- SSR
Nuxt.js Features
2. Building Scalable Applications
Code Organization
- Large-scale project structure and module organization. , article
- Code splitting and lazy loading for optimal performance
- Extending Webpack configurations and optimizing builds
Testing and Debugging
- Writing unit tests with Jest and Vue Test Utils
- End-to-end testing with tools like Cypress
3. Advanced TypeScript and Type Safety
TypeScript Advanced Concepts