YoVDO

How to Create a Responsive Website from Scratch

Offered By: YouTube

Tags

Web Design Courses Computer Science Courses Web Development Courses HTML & CSS Courses jQuery Courses HTML Courses Responsive Design Courses Media Queries Courses Parallax Effects Courses

Course Description

Overview

Learn to build a responsive agency/portfolio website from scratch using HTML and CSS in this comprehensive tutorial series. Master the creation of a fully functional site that adapts to all devices and screen sizes through media queries. Follow along step-by-step as you construct the HTML structure, style the header and hero area, design an about section, develop a responsive portfolio showcase, and implement a call-to-action with footer. Explore two different methods for adding a parallax effect using jQuery to enhance visual appeal. Download provided assets to practice and reinforce your learning throughout this hands-on web development journey.

Syllabus

How to Create a Responsive Website from Scratch - Part 1: The HTML #Responsive #HTML5.
How to Create a Responsive Website from Scratch - Part 2: The Header and Hero area #Responsive #CSS3.
How to Create a Responsive Website from Scratch - Part 3: The About Section #Responsive #CSS.
How to Create a Responsive Website from Scratch - Part 4: Building a Responsive Portfolio Section.
How to Create a Responsive Website from Scratch - Part 5: Call To Action and Footer #CSS #Responsive.
Parallax effect | 2 different ways to add it with jQuery.


Taught by

Kevin Powell

Related Courses

Advanced Styling with Responsive Design
University of Michigan via Coursera
Benefits of Bootstrap
Coursera Project Network via Coursera
Web Development - CSS3 - Scratch till Advanced Project Based
Udemy
Creating Responsive Web Design
Udemy
Complete JAVASCRIPT with HTML5,CSS3 from zero to Expert-2024
Udemy