Build A Responsive Website From A Figma Design

Build A Responsive Website From A Figma Design, available at $34.99, has an average rating of 4.28, with 12 lectures, based on 9 reviews, and has 83 subscribers.

You will learn about How to convert a design to a real website How to host your website online for free How to add CSS animations to your website This course is ideal for individuals who are Beginner web developers or Designers curious to learn how to convert their design to a real website It is particularly useful for Beginner web developers or Designers curious to learn how to convert their design to a real website.

Enroll now: Build A Responsive Website From A Figma Design

Summary

Title: Build A Responsive Website From A Figma Design

Price: $34.99

Average Rating: 4.28

Number of Lectures: 12

Number of Published Lectures: 12

Number of Curriculum Items: 12

Number of Published Curriculum Objects: 12

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

How to convert a design to a real website
How to host your website online for free
How to add CSS animations to your website

Who Should Attend

Beginner web developers
Designers curious to learn how to convert their design to a real website

Target Audiences

Beginner web developers
Designers curious to learn how to convert their design to a real website

Hi, welcome to this course. In this course, you will learn how to convert a Figma (UI Design Application) design to a real website using HTML, CSS, and JavaScript. It will be responsive which means we will have a mobile version of our website as well.

I created this course in such a way that I will write all the code on-screen. We will not copy any code from anywhere. So, you will be able to follow along easily even if you are a beginner programmer.

Why should you take this course?

You will learn how to

create responsive websites
add animations using CSS to make your website look modern
host your website online

Figma is a UI/UX design tool that is popular among a lot of developers. It has gained popularity recently because of some amazing features it has and also because it has a free version. So, I have already designed a Figma design which I will provide to you as a downloadable resource. We will convert that design to a real website.

Learning how to write HTML, CSS, and JavaScript is absolutely necessary to create any kind of website. They are the building blocks of all the libraries that we have today. So, learning them will make your foundation strong and you will be able to get started with web design.

This course will give you a complete guide on creating a responsive homepage from scratch referring to a Figma design. So, this will definitely help you in your web developer journey.

I hope you find this course useful.

Happy coding!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction To The Course

Lecture 2: Setting Up

Chapter 2: The Desktop Version

Lecture 1: The HTML (Markup)

Lecture 2: CSS For The Navigation Menu

Lecture 3: CSS For The Hero Section

Lecture 4: CSS For The Footer

Lecture 5: CSS Animations For The Website

Chapter 3: The Mobile Version

Lecture 1: CSS Media Queries For Mobile Version

Lecture 2: Navigation Menu For Mobile

Lecture 3: JavaScript To Make The Navigation Menu Work

Chapter 4: Conclusion

Lecture 1: Hosting Our Website

Lecture 2: Conclusion

Instructors

Godson Thomas
Full Stack Web Developer

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 3 votes
5 stars: 5 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu