by Fares STITA | Publisher: Packt Publishing | Release Date: April 2019 | ISBN: 9781789615272

Learn responsive web design with a production-ready Angular 7, Bootstrap 4 and Angular Material applicationAbout This VideoLearn what makes a web application responsiveBuild a responsive user-friendly web application on any deviceWork with the latest version of one of the most popular front-end frameworks—AngularImmerse yourself in Bootstrap and understand how it makes your website responsiveIn DetailNowadays a wide variety of devices and resolutions are used to browse the web; you can theoretically lose more than half of your market if your website is not responsive. That's why responsive web design has become very important, if not mandatory, if you want to have a successful and reachable website.In this course, you'll first learn the basic principles of web design and how to apply them to the website you will be building. On top of that, you will learn how to work with one of the most widely used frameworks—Angular—using the latest version. To make sure our Angular application is responsive, we will be using a very popular library called Bootstrap that will ensure our website looks amazing on every device.You will end up with a ready-to-deploy responsive web application while exploring two very popular frameworks.Downloading the example code for this course: You can download the example code files for this course on GitHub at the following link: https://github.com/PacktPublishing/Responsive-Web-Development-with-Bootstrap-4-and-Angular-7. If you require support please email: [email protected]

1. Chapter 1 : Introduction to Responsive Web Design and Setup
   • The Course Overview 00:03:07
   • What is Responsive Web Design? 00:04:43
   • Setting up Node.js and NPM 00:02:51
   • Setting Up VS Code 00:03:04
2. Chapter 2 : Creating the Project with Angular CLI
   • Angular CLI Introduction 00:02:41
   • Creating the Project 00:06:24
   • Browsing Our Application 00:01:37
3. Chapter 3 : Integrating Bootstrap
   • Bootstrap Deep Dive 00:05:29
   • Adding Bootstrap to Our Project 00:03:06
4. Chapter 4 : Creating Our Website Skeleton
   • How Will We Divide the Content? 00:02:01
   • Create Components with CLI and Routing 00:06:09
   • Create the Skeleton, the Navigation, and Footer 00:24:27
5. Chapter 5 : Creating Our Homepage
   • Adding Angular Material 00:04:08
   • Creating Our Skill UI Blocks 00:12:31
   • Creating the About Me Section 00:06:15
   • Adding the Portfolio Preview and Links 00:20:14
6. Chapter 6 : Creating Our Portfolio Page
   • Adding the Portfolio Structure 00:07:43
   • Creating Our First Service 00:10:43
   • Displaying Our List of Portfolios 00:10:36
   • Filtering Our Portfolio List 00:07:08
   • Animating Our Portfolio List 00:06:11
   • Updating Our Homepage 00:07:16
7. Chapter 7 : Creating Our Contact Page
   • Adding Contact Details 00:05:24
   • Creating Our Contact Form 00:07:57
8. Chapter 8 : Creating a Production Build and What’s Next
   • Creating a Production Build 00:02:56
   • Optimizing Our Website 00:03:23
   • What’s Next and Conclusion 00:03:46