Front End Web Development - How and Why

Front End Web Development - How and Why
Video: .mp4 (1280x720, 30 fps(r)) | Audio: aac, 48000 Hz, 2ch | Size: 2.79 GB
Genre: eLearning Video | Duration: 78 lectures (8 hour, 8 mins) | Language: English

Explaining the why and how of responsive web development using HTML5, CSS3, and javascript

What you'll learn

Configure GitHub to use pages
Build a multiple page site with way-finding in place
Implement basic PARC design principles
Crop, scale, compress an image for use on the web.
Build a scaling image that changed width with the page.
Build a responsive image using srcset and device pixel density
Build a responsive image using srcset and the width descriptor
Build responsive navigation using a hamburger entity and javascript
Access JSON data using AJAX
Use a CSS Preprocessor with SASS
CSS Animations
Add a Google Font to their site using the Google API
Build a Web Form following industry best practices using HTML5 and pseudo classes for validation
Build a mobile weather site using JSON data
Learn to modify images shapes and text wrapping using CSS
Implement lazy loading an a gallery of images
Learn and practice CSS Grid including named areas for responsive layout
Learn and Practice Flexbox
Build a touch enabled slider
Add structured JSON data to a local business website
Learn to build responsive image to target pixel density of the end device.

Requirements

You need a computer
You should have access to web hosting
You should have several browsers installed on your computer for testing

Description

Hi! Welcome to the why and how of web development. I have designed this course to help you create responsive web pages and master these topics.

Responsive Web Design

Accessing local and remote JSON data using fetch and a promise

Responsive Images

Responsive Image Sliders

Lazy Loading

Web Form Development and Validation

When your learning to code, you often find yourself following along with a tutor without really knowing why you're doing certain things. In this course, I will demonstrate correct coding as well as mistakes I often see and how to avoid them.

Who this course is for:

Anyone who wants to learn how and why of front end web develoment