Design to Code

Figma to HTML & CSS

Learn how to translate UI designs from Figma into pixel-perfect responsive web pages using HTML & CSS.

4-week programme starting on 13 Jan 2025.

Sign Up

What you will learn

  1. Overview of Figma interface.
  2. How to write lean, efficient HTML.
  3. Write clean and maintainable CSS.
  4. Spot the common mistakes that prevent pixel-perfect output and rectify them.
  5. Use GitHub to host your code.
  6. Write blog posts about your learning journey.
  7. Refine your LinkedIn profile to attract recruiters.

What you will receive

  1. Mentoring from an experienced professional developer.
  2. Course completion certificate.
  3. Blogging space.
  4. GitHub profile review.
  5. LinkedIn profile review.
  6. Feedback on resumé and Mock interviews.
  7. Internship/Placement assistance.

Modules

  1. How the web works
  2. Running a simple web server using Python
  3. HTML Basics
  4. HTML Semantics and style guide
  5. HTML Forms
  6. CSS Basics
  7. CSS Intermediate
    1. Box Model
    2. Inheritance
    3. Pseudo-classes and Pseudo-elements
    4. Position
    5. Flex
    6. Grid
    7. Media queries
  8. CSS Advanced
    1. SMACSS
    2. BEM
    3. Bootstrap
    4. Tailwind
  9. Practice layouts

Meet your CoDev

mageshravi

Magesh Ravi, a self-taught designer and full-stack developer, will be your co-developer (mentor) for this course.

Over 15 years, he has built and delivered software to clients worldwide, from Canada to Australia. In addition, he has trained hundreds of students and conducted software training workshops for well-established MNCs since 2012.

Batches

Timings

Morning Batch
10 AM - 11 AM, Mon - Fri.

Evening Batch
8 PM - 9 PM, Mon - Fri.

Common discussions
7 PM - 8 PM on Saturdays.

Duration

4 weeks.

New batches start on the second week of every month.

Requirements

  • A passion to learn.
  • A computer with stable internet connection.
  • Basic knowledge of Windows or Linux OS.
  • Commitment to practice on a daily basis.

Who can apply?

Anyone looking for an entry into the IT industry within the next six months is eligible to apply for this course.

  • Students graduated in 2024 or earlier.
  • Students with career gaps also welcome.
  • People from non-IT sectors looking for a career change.