Front-end

8

Videos

43 mins

Beginner

Front-end developers code the visual layer of sites and web apps, adapt them to various screen sizes, optimize performance and implement animations.

Summary

The "Front-end Development" course provides in-depth learning on the roles and technical competencies required by front-end developers. They are responsible for coding the visual aspects of websites and web applications, adapting them to different screen sizes, enhancing performance, and implementing animations. This course prepares students with the essential knowledge and skills to proficiently carry out these key tasks.

Lessons in this course

Intro to HTML & CSS

If you're new to web design, it's vital that you understand the differences between HTML and CSS and how they work together to present the web.

Accessible & inclusive typography

Let’s look at some easy places to start making the web more accessible and inclusive when it comes to typography.

Alt text for images

By setting alt text on images, you make your site more accessible by people who are blind or have a visual impairment.

Intro to the audit panel

The Audit panel flags common accessibility-related issues so you can address them before going live with your site.

Intro to the Designer

The Designer is the heart of Webflow's visual web design platform, the canvas on which you'll design and develop beautiful, responsive websites.

The Box Model

The box model describes how layout works on the web.

Element Hierarchy

To succeed in web design, and with Webflow, it's vital that you understand how elements hierarchy affects styling and sizing.

Navigator

Webflow's Navigator gives you a handy visual way to interact with every element on a page, and understand how elements relate to each other in the...

Element Panel

Webflow's Add Elements Panel gives you quick, visual access to the various elements you can add to your project, from layout elements like divs to...