O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Modern Web Development By Example

Video Description

A hands on, example-driven crash course in HTML, CSS, JavaScript, jQuery, Node.js Bootstrap—and more. Suitable for beginners!

About This Video

  • Build real web applications using cutting-edge technologies
  • Create immersive websites using client-side web development techniques
  • Get acquainted with a variety of tools and coding practices

In Detail

Do you want to make sleek websites and dynamic web applications that look alluring? Then this the course for you. This extensive course takes you on a tour of how to build amazing web pages with great examples. It’s just what you need to get started on your journey to becoming a web developer.

This course starts by teaching you about basic HTML and CSS as you make an email template for a flower shop that can be sent out as an advertisement. Then you’ll dive into back-end development with Node.js and MongoDB by creating a to-do list application that can actually be deployed. After that, you’ll learn why single page applications have become so popular over the years, as we create a voting system application that utilizes jQuery’s AJAX functionality to create one.

Cover your projects in Unit Tests, this is why you are go ing to separately take a look at utilizing Mocha to unit test our voting system application. Then, we’ll then take a look at Bootstrap, the most popular HTML framework, while creating an exam application that will look amazing. In the last unit, you’ll explore the basics of Docker and deploy our to-do list application to a Docker container.

By the end of this course, you’ll be well-equipped with the knowledge of web development and be ready to create amazing websites and web applications.

The code bundle for this video course is available at- https://github.com/PacktPublishing/Modern-Web-Development-By-Example-video.

Table of Contents

  1. Chapter 1 : Installation and Setup
    1. The Course Overview 00:04:38
    2. Installing a Text Editor 00:05:10
    3. Understanding Browser Compatibility 00:03:11
    4. Prerequisites 00:01:39
    5. Setting Up Work Environment 00:02:40
    6. Hello World App 00:02:21
  2. Chapter 2 : Flower Shop Advertisement Email Letter
    1. HTML Blueprint for Our Flower Shop Website 00:05:49
    2. Making the Table 00:04:46
    3. Adding Images 00:05:49
    4. Adding Links 00:07:44
    5. Sending the Letter 00:03:13
  3. Chapter 3 : To Do List Application – Part One
    1. Designing the Application 00:04:01
    2. Creating the HTML 00:04:11
    3. Creating the Header 00:09:24
    4. Creating the Add Task Form 00:09:41
    5. Creating the Task List 00:05:08
    6. Creating the Footer 00:06:36
  4. Chapter 4 : To Do List Application – Part Two
    1. Installing node.js 00:09:36
    2. Configuring Our Back-End Logic 00:10:06
    3. Configuring the Database 00:12:06
    4. Hooking Up EJS 00:10:36
  5. Chapter 5 : Voting System Application
    1. Back-End 00:14:32
    2. JQuery Basics 00:08:14
    3. Configuring Front-End Visuals 00:12:31
    4. Adding AJAX Logic 00:12:46
    5. Handling Response 00:09:37
  6. Chapter 6 : Voting Application Tests
    1. What Are Unit Tests? 00:03:09
    2. Unit Testing Basics 00:07:46
    3. Writing the Tests 00:12:43
  7. Chapter 7 : Bootstrap Restaurant Website
    1. What Is Bootstrap? 00:04:26
    2. Installing Bootstrap 00:02:27
    3. HTML Blueprint for Our Restaurant Website 00:11:08
    4. Making Our Application Look Good Using Bootstrap 00:12:24
    5. Using Bootstrap – Part Two 00:11:14
  8. Chapter 8 : Docker Project
    1. What Is Docker? 00:06:06
    2. Docker Basics 00:04:04
    3. Express to Docker 00:11:22