Free online courseDesign and code a landing page

Duration of the online course: 4 hours and 40 minutes

4.76

StarStarStarStarStar

(34)

Learn to design and code a responsive landing page from start to finish in this comprehensive free online course. Perfect for aspiring web developers!

Course Description

Design and code a landing page is an exceptional course tailored for those with a keen interest in mastering web development, specifically in creating responsive landing pages. With a total duration of 4 hours and 40 minutes, this course offers comprehensive and practical knowledge, ensuring that participants can create their very own landing page from scratch.

The course boasts a stellar average rating of 4.8 stars, reflecting the high satisfaction and value it has provided to countless students. This remarkable feedback is a testament to the quality of instruction and the depth of content covered throughout the sessions.

Belonging to the broader category of Information Technology, and more specifically to the subcategory of Web Development, this course is designed to equip students with both theoretical and hands-on skills. A seasoned expert in the field guides learners through each module with clarity and precision, making complex concepts easier to grasp and implement.

At the outset, students are introduced to the core objectives and structure of the course, setting the stage for a thorough exploration of responsive landing page design and coding. Initial stages involve the discovery and requirement gathering processes, which are crucial for understanding the project's scope and objectives.

With a solid foundation laid, the course then delves into wireframing and creating mood boards, essential tools for visualizing the layout and aesthetic of the landing page. This approach emphasizes the importance of planning, ensuring that the end result is both functional and visually appealing.

The visual design stages are split into two parts: creating a StyleTile and developing high-resolution designs. These lessons help students refine the visual aspects of their landing page, focusing on elements like color schemes, typography, and overall design language.

As the course progresses, participants are guided through setting up their development environment, an often overlooked but critical step in the development process. This includes configuring necessary tools and technologies that will be used throughout the coding stages.

The coding lessons are detailed and methodical, starting with the navigation and header sections, moving through logos, features, and the main offer section, and concluding with the download section and footer. Each section builds on the previous one, ensuring a cohesive and well-structured learning experience.

Further, the course covers basic responsive web development techniques, ensuring that the landing page adapts seamlessly to different screen sizes and devices. There are specific sessions dedicated to handling responsive images and creating a responsive navigation menu, essential components for a modern, user-friendly landing page.

The course also introduces students to using plugins and open source code, a valuable lesson in leveraging existing resources to enhance functionality and streamline development processes.

The course wraps up with an outro, summarizing the key learnings and encouraging students to apply their newly acquired skills in real-world projects. The teaching method, combined with the comprehensive content, makes this course a must for any aspiring web developer looking to specialize in creating responsive landing pages.

Conteúdo do Curso

  • Video class: 1 - Design & Code a Responsive Landing Page from Start to Finish - Series Intro

    0h04m

  • Video class: 2 - Design & Code a Responsive Landing Page from Start to Finish | Discovery & Project Req's

    0h08m

  • Video class: 3 - Design & Code a Responsive Landing Page from Start to Finish | Wireframe & Mood Board

    0h07m

  • Exercise: _What is a wireframe in website design?

  • Video class: 4 - Design & Code a Responsive Landing Page from Start to Finish | Visual Design Part 1 - StyleTile

    0h28m

  • Exercise: _What is style tiling?

  • Video class: 5 - Design & Code a Responsive Landing Page from Start to Finish | Visual Design Part 2 - High-Res

    0h18m

  • Video class: 6 - Design & Code a Responsive Landing Page from Start to Finish | Setting Up Your Dev Environment

    0h35m

  • Video class: 7 - Design & Code a Responsive Landing Page from Start to Finish | Coding the Nav and Header

    0h29m

  • Exercise: _What is the first thing Jesse does before starting to work with code?

  • Video class: 8 - Design & Code a Responsive Landing Page from Start to Finish | Coding the Logos & Features

    0h32m

  • Video class: 9 - Design & Code a Responsive Landing Page from Start to Finish | Coding the Offer Section

    0h25m

  • Exercise: _What is Jesse going to tackle in this episode of the series?

  • Video class: 10 - Design & Code a Responsive Landing Page from Start to Finish | Coding the Download Section

    0h16m

  • Exercise: _What section is Jesse coding in the current episode of the series?

  • Video class: 11 - Coding the Footer & Fixes | Design & Code Series

    0h09m

  • Exercise: _What are Jesse's plans for this episode of the series?

  • Video class: 12 - Basic Responsive Web Development | Design & Code Series

    0h21m

  • Exercise: _What are the three main concepts of a responsive site according to Jesse Showalter?

  • Video class: 13 - Responsive Images | Design & Code Series

    0h11m

  • Exercise: _What is the purpose of applying responsive image techniques to a landing page?

  • Video class: 14 -Design & Code a Responsive Landing Page from Start to Finish | Responsive Navigation

    0h14m

  • Exercise: _What is the purpose of adding a hamburger menu to the navigation bar in the landing page?

  • Video class: 15 - Using Plugins and Open Source Code | Design & Code a Responsive Landing Page

    0h13m

  • Exercise: _What are the three topics that Jesse covers in this tutorial?

  • Video class: 16 - Series Outro | Design & Code a Responsive Landing Page

    0h01m

  • Exercise: _What is the author's hope for the viewers of the series?

This free course includes:

4 hours and 40 minutes of online video course

Exercises to train your knowledge

Certificate of course completion

100% free, from content to certificate

QR Code - Baixar Cursa - Cursos Online

This online course can only be accessed through the Cursa App. Download it using the QR code or the links below:

This online course can only be accessed through the Cursa app. Install it using the links below:

  • Study for free!

    Here you never pay! Not even for the certificate, because everything in the app is 100% free!

  • Improve your resume!

    There are more than 4,000 free courses for you to study anything that interests you!

  • Free Digital Certificate!

    Complete the course and issue your internationally recognized Digital Certificate free of charge.

More free courses at Web Development

Download the App now to have access to + 3300 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online video courses, audio or text courses.

  • More than 48 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text