Free online courseDesign and code a landing page
Duration of the online course: 4 hours and 40 minutes
4.76
(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
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
Free CourseJavaScript for beginners
5
(3)
1h40m
2 exercises
Free CourseAdvanced WordPress theme development
5
(5)
17h34m
26 exercises
Free CourseUmbraco CMS
4.86
(22)
6h21m
8 exercises
Free CourseAngular 2 for Beginners
4.78
(27)
1h02m
8 exercises
Free CourseHTML and CSS
4.76
(29)
9h07m
Free CourseJavascript
4.74
(100)
4h52m
5 exercises
Free CourseWeb Development for beginners
4.73
(779)
5h21m
27 exercises
Free CoursejQuery
4.71
(14)
9h04m
Free CourseReact JS for Beginners
4.63
(40)
1h26m
11 exercises
Free CourseWordpress for beginners
4.61
(76)
3h19m
Free CourseJavaScript for beginners
5
(3)
1h40m
2 exercises
Free CourseAdvanced WordPress theme development
5
(5)
17h34m
26 exercises
Free CourseUmbraco CMS
4.86
(22)
6h21m
8 exercises
Free CourseAngular 2 for Beginners
4.78
(27)
1h02m
8 exercises
Free CourseHTML and CSS
4.76
(29)
9h07m
Free CourseJavascript
4.74
(100)
4h52m
5 exercises
Free CourseWeb Development for beginners
4.73
(779)
5h21m
27 exercises
Free CoursejQuery
4.71
(14)
9h04m
Free CourseReact JS for Beginners
4.63
(40)
1h26m
11 exercises
Free CourseWordpress for beginners
4.61
(76)
3h19m
Free text courses
Free ebook
Complete HTML, CSS and Javascript course to become a Front End Developer
3.22
(9)
125 pages8h26m
Free ebook
Complete HTML Course
4.75
(4)
37 pages1h45m
Free ebook
How to use Javascript in website development
5
(2)
37 pages1h46m
Free ebook
Wordpress for creating websites from basic to advanced
4.67
(3)
135 pages11h58m
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
Download our app via QR Code or the links below::.
