You are previewing Learning Path: Mean Web Development.
O'Reilly logo
Learning Path: Mean Web Development

Video Description

Design responsive web applications with MEAN

In Detail

Nowadays, there is a fad to design website for multiple devices, resolutions, and optimization of media types. This is the right course for that particular group where you will become familiar with Bootstrap, and will be able to tackle responsive design challenges using effective design strategies. We'll understand by learning how to use Webpack and Babel to assemble our frontend. We will then see how to leverage many of the new features in Angular2. Along the way, we'll touch up on best practices used to create, manage, and deploy web applications to production.

Prerequisites: Require a basic understanding of JavaScript and MEAN

Resources: Code downloads and errata:

  • Responsive Web Design: Advancing your Design to the Modern Web

  • Mastering MEAN Web Development: Expert Full Stack JavaScript

  • PATH PRODUCTS

    This path navigates across the following products (in sequential order):

  • Responsive Web Design: Advancing your Design to the Modern Web (2h 31m)

  • Mastering MEAN Web Development: Expert Full Stack JavaScrip (4h 15m)

  • Table of Contents

    1. Chapter 1 : Responsive Web Design: Advancing your Design to the Modern Web
      1. The Course Overview 00:01:59
      2. What Are Media Queries? 00:04:08
      3. Media Queries "Hello World" 00:06:56
      4. Media Queries Within a CSS File with the @media Rule 00:03:58
      5. Media Query Rule Combination 00:08:30
      6. What Is Responsive Design? 00:04:20
      7. Optimizing for a Specific Device 00:07:32
      8. Creating Responsive Designs with Size Ranges 00:07:23
      9. Mobile Responsiveness 00:06:28
      10. Backward Compatibility 00:03:40
      11. Thinking Fluid 00:12:28
      12. Creating a Site That Responds to Itself 00:07:57
      13. Optimizing Based on Device Resolution 00:07:58
      14. Designing by Aspect Ratio 00:05:38
      15. Talking about Color and Grids 00:04:39
      16. What Are Responsive Frameworks? 00:07:36
      17. The Twitter Bootstrap 00:03:58
      18. Understanding the Twitter Bootstrap CSS Rules 00:05:32
      19. Adding Components 00:06:02
      20. An Example of a Grid Layout 00:05:56
      21. Changing Themes with LESS 00:07:16
      22. The Future of Media Types 00:04:02
      23. Moving into Media Features 00:11:39
      24. Creating Custom Media Queries 00:02:23
      25. Media Query Operators 00:01:51
      26. Working with Media Query Ranges 00:02:04
    2. Chapter 2 : Mastering MEAN Web Development: Expert Full Stack JavaScript
      1. The Course Overview 00:03:29
      2. Installing the Basics 00:04:57
      3. Starting Your Site with Webpack 00:07:07
      4. Creating a Good Documentation with README.md 00:04:38
      5. Adding Bootstrap 00:04:50
      6. Using Custom SASS Styles 00:04:22
      7. Including Font Awesome Icons 00:03:58
      8. Responsive Design with Bootstrap Grid 00:07:32
      9. Creating Routes in Angular 00:09:52
      10. Adding Navigation Links 00:07:15
      11. Developing Reusable Elements 00:06:34
      12. Creating Nested Express Routes 00:10:59
      13. Building a Usable API 00:05:32
      14. Connecting to MongoDB 00:06:01
      15. Adding Mongoose Models 00:09:04
      16. Writing Mocha Tests for Your Routes 00:08:31
      17. Adding an Angular Service 00:08:33
      18. Using Rich Models in Angular 00:04:11
      19. Validating Form Data 00:10:17
      20. Installing and Testing with Protractor 00:05:46
      21. Adding User Profiles 00:11:31
      22. Validating JWT in Express 00:04:57
      23. Updating Integration Tests 00:04:12
      24. Storing the JSON Web Token 00:10:14
      25. Using HTTP Interception 00:06:18
      26. Creating a Work Process 00:06:34
      27. Configuring a Job Queue 00:07:33
      28. Designing an E-mail Template 00:05:42
      29. Connecting to an E-mail Provider 00:07:24
      30. Installing Socket.io 00:04:13
      31. Configuring Real-time Event Messaging 00:05:47
      32. Updating Angular with New Content 00:07:08
      33. Buying a MongoDB Server 00:05:45
      34. Buying a Node.js Server 00:07:17
      35. Building Your Site with Webpack 00:09:05
      36. Where We Started? 00:04:32
      37. Summary of Our Components 00:06:00
      38. Ideas for Extending Your App 00:05:08
      39. Resources for Further Learning 00:03:06