Front End Web Development - How and Why (Udemy.com)

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

Created by: Paul Cheney

Produced in 2021

icon
What you will 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 l

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100

icon
Course Description

Hi! Welcome to the why and how of web development. I have designed this course to help youcreate responsive web pages and master these topics.
Responsive Web DesignAccessing local and remote JSONdata using fetch and a promiseResponsive ImagesResponsive Image SlidersLazy LoadingWeb Form Development and ValidationWhen 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, Iwill 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

icon
Instructor Details

Paul Cheney

Paul received his master's degree from Utah State University in Instructional Technology and worked as a civilian for the United States Air Force doing interactive computer-based firefighter training. He and his family then moved to Provo, Utah where he worked at Brigham Young University for five years in the Instructional Technology Center. While there, he was involved in authoring multimedia, digitizing video, training faculty in instructional technology. He then moved with his family to Buena Vista, VA where he joined the faculty at Southern Virginia University. While there he taught digital media courses. Ten years later he returned to Utah where he is now an Assistant Professor at Utah Valley University teaching courses in their Digital Media department in the Internet and Web Technologies degree.

icon
More courses by Paul Cheney

Code a Responsive Website Using HTML5 and CSS for Beginners

$11.99

Responsive Web Design with HTML5 and CSS3 - Intermediate

$11.99

icon
More web development courses

JavaScript: The Advanced Concepts

$11.99

Build an app with ASPNET Core and Angular from scratch

$11.99

Vue - The Complete Guide (w/ Router, Vuex, Composition API)

$11.99

Git a Web Developer Job: Mastering the Modern Workflow

$11.99

Angular - The Complete Guide (2021 Edition)

$11.99

Running a Web Development Business: The Complete Guide

$11.99

icon
Reviews

4.6

61 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Krzysztof Miller on 6/15/2020

It's been asked at 2nd Vid, and I connected Git for the first time ever. Routing worked, hope it will be as good as start. :)

By Ian Fourie on 11/21/2019

This is a great course that helps a lot with web design. I am however disappointed at some of the videos that go out of focus and you are not able to read what is being typed.

By Charalambos on 11/13/2019

Excellent

By Ankur Singh on 10/27/2019

Info is presented on a Mac so Windows users may have an issue identifying some components of the training.

By Edvard Jimenez on 9/4/2019

The explanation of the instructor is really clear. I can understand it better than the other videos I already watched. This is a very good beginner course in making a responsive web design.

By Denise Ingols Milligan on 7/15/2019

A little fast.

By charlot garraud on 6/14/2019

Now I can say that I am getting an understanding of what I am doing. I got confidence.

By Ronald Peter Flores Ortega on 6/7/2019

yes, was a beatiful experience

By Harrison Merrill on 6/1/2019

This has been pretty good. Great match for me.

By Wayne Herridge on 5/26/2019

I took this course with a BYUI Front End Web Development Course by the same instructor running this course. Amazing experience and well worth taking it.

By Spencer Nweke on 5/9/2019

Great exercises and very interactive instructor. I loved the course.

By Julie on 5/4/2019

I love how clear the explanations are and how visual the examples are. Working through the code step by step is a fantastic way to learn.