Frontend 3 Months ~48 Hours
-
HTML
- Semantic HTML5 elements (header, nav, section, etc.)
- Document structure and DOCTYPE declaration
- Accessibility (ARIA roles, attributes, and best practices)
- HTML forms and input validation
- SEO basics (meta tags, structured data)
- Embedding media (images, videos, audio)
- Cross-browser compatibility and HTML validation
-
CSS
- CSS selectors, specificity, and cascade
- Box model (margin, padding, border, content)
- Flexbox and CSS Grid for layouts
- Responsive design (media queries, relative units: vw, vh, rem, em)
- CSS animations and transitions
- Pseudo-classes and pseudo-elements
- CSS preprocessors (SASS/SCSS basics)
- Browser developer tools for CSS debugging
-
JavaScript
- ES6+ syntax (let, const, arrow functions, destructuring)
- DOM manipulation and event handling
- Asynchronous programming (Promises, async/await, fetch API)
- JavaScript modules (import/export)
- Functional programming (map, filter, reduce)
- Error handling (try/catch, throw)
- Closures and scope (lexical scope, hoisting)
- Working with APIs and JSON
-
Tailwind CSS
- Utility-first CSS framework basics
- Responsive design with Tailwind (sm, md, lg breakpoints)
- Customizing Tailwind configuration (tailwind.config.js)
- Using directives (@apply, @layer)
- Building layouts with Flexbox and Grid utilities
- Styling forms and components
- Optimizing Tailwind for production (PurgeCSS)
-
React
- Component-based architecture (functional components)
- React Hooks (useState, useEffect, useContext, etc.)
- State management (Redux, Context API)
- React Router for client-side navigation
- JSX syntax and best practices
- Performance optimization (memo, useCallback, useMemo)
- API integration with fetch or Axios
- Testing React components (Jest, React Testing Library)