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

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera