Course Overview

This 3-month, hands-on training course is designed to equip learners with the essential
skills to become proficient frontend developers. Participants will gain a solid
understanding of HTML, CSS, and JavaScript, along with foundational Figma concepts. The
course culminates in a project where learners build a responsive portfolio website to
showcase their acquired skills.

Course Curriculum

• 
  
  
  
  
  Module 1: Introduction to Web Development
  
  

  
  
  

  
  
  
  
  
  
  
  

  
  
  • Understanding the role of a frontend developer
  
  
  • Overview of web development tools and technologies
  
  
  • Setting up a development environment (e.g., text editor, browser)
  
  

  
  
  
  
  





• 
  
  
  
  
  Module 2: HTML5 Fundamentals
  
  

  
  
  

  
  
  
  
  
  
  
  

  
  
  • Basic HTML structure and elements
  
  
  • Text formatting and headings
  
  
  • Lists, tables, and forms
  
  
  • Links and images
  
  
  • Semantic HTML and accessibility
  
  

  
  
  
  
  






• 
  
  
  
  
  Module 3: CSS3 Styling
  
  

  
  
  

  
  
  
  
  
  
  
  

  
  
  • Introduction to CSS
  
  
  • Selectors (ID, class, element)
  
  
  • Properties and values
  
  
  • Box model and layout techniques (float, flexbox, grid)
  
  
  • Responsive web design using media queries
  
  
  • CSS preprocessors (SCSS/ SASS)
  
  

  
  
  
  
  






• 
  
  
  
  
  Module 4: JavaScript Basics
  
  

  
  
  

  
  
  
  
  
  
  
  

  
  
  • Introduction to JavaScript
  
  
  • Variables, data types, and operators
  
  
  • Control flow (if-else, loops)
  
  
  • Functions and scope
  
  
  • DOM manipulation (selecting elements, modifying content, adding event
    listeners)
  
  

  
  
  
  
  





• 
  
  
  
  
  Module 5: Figma Fundamentals
  
  

  
  
  

  
  
  
  
  
  
  
  

  
  
  • Introduction to Figma
  
  
  • Creating and managing design files
  
  
  • Using design tools (pen, text, shapes)
  
  
  • Working with layers and components
  
  
  • Prototyping and interaction design
  
  

  
  
  
  
  






• 
  
  
  
  
  Module 6: Advanced JavaScript Topics
  
  

  
  
  

  
  
  
  
  
  
  
  

  
  
  • Arrays and objects
  
  
  • Events and event handling
  
  
  • AJAX and asynchronous programming
  
  
  • Introduction to framework like React
  
  

  
  
  
  
  





• 
  
  
  
  
  Module 7: Project - Building a Responsive
  Portfolio Website
  
  

  
  
  

  
  
  
  
  
  
  
  

  
  
  • Planning and wireframing the portfolio website
  
  
  • Designing the user interface using Figma
  
  
  • Implementing the design using HTML, CSS, and JavaScript
  
  
  • Adding dynamic elements and interactivity
  
  
  • Optimizing for performance and accessibility