A Beginner’s Guide for Learning How to Code
April 1, 2024
Article
This course is part of UI Design for Web Developers Specialization
Instructor: Gary Simon
Included with
Recommended experience
Intermediate level
Basic knowledge of HTML and CSS.
Recommended experience
Intermediate level
Basic knowledge of HTML and CSS.
Create user interfaces from mockups.
Create responsive layouts.
Add to your LinkedIn profile
5 assignments
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
From Figma to code is the ideal course for aspiring frontend developers seeking a challenge and eager to acquire the skills needed to translate visually appealing mockups into functional user interfaces. Throughout the program, you'll apply and enhance your HTML, CSS, and JavaScript proficiency by constructing five captivating designs – starting from a straightforward card and progressing to a landing page, an analytics dashboard, a sales website, and culminating in an animated event site.
This course is designed to maximize your independent practice. You'll be provided with detailed Figma designs, enabling you to transform them into user interfaces that exhibit excellence across various screen sizes. Upon completing each project, Gary Simon, a UI expert and esteemed web development educator, will walk you through the code he employs to bring the mockup to life. This offers you the opportunity to compare your solution, gain valuable insights, and discover numerous tips and tricks along the way.
Learn the basics of using Figma and how to translate a design into a web project as you build a simple card.
1 assignment9 plugins
With an emphasis on CSS you will work on the layout for a landing page that will look great on desktop and mobile.
1 assignment5 plugins
Challenge yourself to create a data analytics dashboard using HTML and CSS.
1 assignment7 plugins
Bring another Figma layout to life on the web, adding complexity and detail to desktop and mobile views.
1 assignment9 plugins
Build your most complex layout yet tying in all the concepts you've learned through the course.
1 assignment15 plugins
Course
Coursera Project Network
Course
Coursera Project Network
Course
Coursera Project Network
Course
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Earn a degree from world-class universities - 100% online
Upskill your employees to excel in the digital economy
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.