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

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX