Front-End kursu

Kurs Haqqında

• 1. Fundamentals
  • 1 1. Frontend careers, roadmap
  • 2 2. Internet fundamentals — how web and browsers work
  • 3 3. DNS, HTTP fundamentals
• 3. CSS
  • 1 1. Introduction to CSS
  • 2 2. Colors
  • 3 3. CSS Box Model
  • 4 4. Selectors and advanced selectors
  • 5 5. Transitions and transform
  • 6 6. Flexbox
  • 7 7. Responsiveness
  • 8 8. SASS / SCSS
  • 9 9. BEM Methodology
  • 10 10. Tailwind CSS
  • 11 11. Figma for frontend developers
  • 12 2 projects for this module
• 2. HTML
  • 1 1. HTML5
  • 2 2. Accessibility
  • 3 3. HTML structure
  • 4 4. HTML tags
  • 5 5. Typography, tables
  • 6 6. Forms
  • 7 2 projects at the end of module
• 4. JavaScript
  • 1 1. Variables
  • 2 2. Data types (primitive)
  • 3 3. Operators
  • 4 4. Control flow
  • 5 5. Arrays
  • 6 6. Objects
  • 7 7. JSON (working with API)
  • 8 8. How JavaScript works behind the scenes
  • 9 9. Fundamentals of functional programming
  • 10 10. Higher-order functions
  • 11 11. Pure functions
  • 12 12. Scope
  • 13 13. Closure
  • 14 14. DOM manipulations
  • 15 15. Promise
  • 16 16. Async JavaScript
  • 17 17. ES6+ features
  • 18 4 projects with vanilla JS
• 5. React
  • 1 1. NPM
  • 2 2. Virtual DOM
  • 3 3. JSX
  • 4 4. Components
  • 5 5. Props vs State
  • 6 6. Functional components
  • 7 7. Router
  • 8 8. Context API
  • 9 9. Hooks
  • 10 10. Redux
  • 11 11. State management for UI and server-side
  • 12 1 project for this module
• 6. Next.js
  • 1 1. Introduction to Next.js
  • 2 2. File-based routing
  • 3 3. Pages and Layouts
  • 4 4. Server and Client components
  • 5 5. Data fetching (SSR, SSG, ISR)
  • 6 6. API routes
  • 7 7. Environment variables
  • 8 8. Dynamic routing
  • 9 9. Middleware
  • 10 10. Deployment and optimization
• 7. AI Integration for Frontend Developers
  • 1 1. Introduction to AI in web development
  • 2 2. Using AI APIs and cloud-based AI services
  • 3 3. Building AI-powered UI components (chat, recommendation systems, smart assistants)
  • 4 4. Handling real-time AI interactions and event-driven AI data Integrating scalable backend services for AI-powered features (databases, real-time sync, serverless functions)
  • 5 5. Daily-use AI tools — productivity assistants, AI chat widgets, dynamic content generation
  • 6 1 mini AI project at the end
• 8. . Final Stage
  • 1 1. Portfolio website with Next.js + AI integration
  • 2 2. Real-world project simulation
  • 3 3. Interview preparation and mock technical interviews
  • 4 4. GitLab, Github, Agile