HOME
Course Details

Frontend Developer Training
HTML, CSS, JavaScript & Figma

Dive into the world of web development with our foundational course. You'll master:

HTML5 for structuring web content
CSS3 for stunning designs and responsive layouts
JavaScript for dynamic, interactive web experiences

Book a Free Demo Class

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

- Understanding the role of a frontend developer
- Overview of web development tools and technologies
- Setting up a development environment (e.g., text editor, browser)
- Basic HTML structure and elements
- Text formatting and headings
- Lists, tables, and forms
- Links and images
- Semantic HTML and accessibility
- 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)
- 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)
- Introduction to Figma
- Creating and managing design files
- Using design tools (pen, text, shapes)
- Working with layers and components
- Prototyping and interaction design
- Arrays and objects
- Events and event handling
- AJAX and asynchronous programming
- Introduction to framework like React
- 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

Who is this training for

This course is perfect for those who have a grasp of basic computer concepts and programming terminology. We will explore advanced topics and real-world applications.

Hands-On Exercises and Projects

Throughout the course, learners will engage in numerous hands-on exercises and projects to reinforce their understanding and develop practical skills. Examples include:

Creating basic HTML pages with different content structures
Styling elements using CSS to achieve desired visual effects
Building interactive web components using JavaScript
Designing UI elements in Figma and translating them into HTML and CSS
Working on group projects to collaborate and learn from peers

Assessment and Evaluation

Regular assignments and quizzes to assess understanding
Project evaluations to measure practical skills
Final exam to test overall knowledge and comprehension

Key Takeaways:

Build a fully responsive and interactive portfolio website.
Learn core frontend development skills (HTML5, CSS3, JavaScript).
Get hands-on experience with design tools like Figma.
Prepare for real-world web development projects.

MONEY-BACK GUARANTEE

We are so sure you will love our course that we are offering a risk-free trial. If you are not happy for any reason within the first week, simply request a refund. Your satisfaction is our top priority.

By the end of this course, learners will have a strong foundation in front-end development, including HTML, CSS, JavaScript, and Figma. They will be equipped to create professional-quality websites and web applications and continue their learning journey in the field of web development.

Start Training