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

Fundamentals of Animation in After Effects
Domestika
Layout web con CSS Grid, Flexbox y otras técnicas modernas
Domestika
GreenSock 101
Ihatetomatoes via Independent
PowerPoint: Silicon Valley Presentation Secrets
LinkedIn Learning
Web Motion: Create a Parallax Effect
LinkedIn Learning