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 Homepage: https://www.udemy.com/course/front-end-web-development-how/
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
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.
Broknote |
