Last updated 8/2018MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 3.56 GB | Duration: 8h 58m
Learn everything needed to build your own modern stateful web applications with webpack What you'll learn Build your own photo gallery and blogging application and add features to it Implement React JSX, SASS, and image loaders Explore application development using HMR Understand advanced React patterns and track application state in real- with Firebase Improve your application by deploying to dynamic cloud hosting sites such as AWS Master the Webpack module bundling process and use it in your applications Learn how to apply on-demand code loading to your application Requirements Basic knowledge of javascript and React is assumed. Description Webpack is a module bundler for modern javascript applications. It is powerful and highly configurable, thanks in great part to its plugin system. It is the part that builds your code. ReactJS is the framework that allows you to build your web applications. They work together to create a system that allows you to develop and build your own front-end applications.This comprehensive 3-in-1 course will teach you the basics of Webpack and how to configure it in your web applications by developing a blogging application. You will then learn the advanced features of Webpack by building a dynamic responsive photo gallery application in React and configuring it with Webpack. You will also learn how to deploy web applications supported by Babel, code splitting, and ES2015 modules. The approach used is quite hands-on and aims to provide the learner with a very practical knowledge of Webpack.This training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible.In the first course, Hands-on Webpack for React Development, you will be shown the benefits of using Webpack for React based development. You will then be given an exhaustive walkthrough of Webpack loaders. You will also learn how to develop apps using Webpack Dev servers. Next, you will learn how to use React components and containers in your blogging application to add features such as text markup, searching, and listing posted articles. Finally, you will learn how you can lazy-load your application to save your when you split your code.In the second course, Webpack for React Applications, you will learn how to use Webpack with a real project. You will then learn how to build a dynamic responsive photo gallery application in React to understand more advanced features. You will also learn how to deploy your application to dynamic cloud hosting sites such as AWS.The third course, Deploying Web Applications with Webpack, will empower you to configure and work with Webpack. You will explore the latest features provided by Webpack. You will also learn how to deploy web applications supported by Babel, code splitting, and ES2015 modules.By the end of this Learning Path, you will master webpack to optimize the performance of your React applications by improving workflows.Meet Your Expert(s):We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:Rohan Almeida, is a full-stack developer with more than 15 years of experience in developing custom web-based and mobile applications. He is hands-on with javascript (ES6/ES7), jQuery, React, Redux, HTML5/CSS, Webpack, Node.js, Bootstrap, Python, and Golang for backend services. He is an expert in Linux (Debian, Ubuntu) setup and in configuring services such ashttps x, Redis, MongoDB, and PostgreSQL. He believes in the power of Open Source software to benefit society and makes an effort to contribute back to the community.Colibri is a technology consultancy company founded in 2015 by James Cross and Ingrid Funie. The company works to help their clients navigate the rapidly chag and complex world of emeg technologies, with deep expertise in areas such as big data, data science, machine learning, and cloud computing. Over the past few years they have worked with some of the world's largest and most prestigious companies, including a tier-1 investment bank, a leading management consultancy group, and one of the world's most popular soft drinks companies, helping each of them to better make sense of its data and process it in more intelligent ways. The company lives by its motto: Data -> Intelligence -> Action.AlexandruToea is a Senior Frontend developer. He is currently working with various startups specializing in building complex React applications for both public and internal use. He started his frontend developer career by building his school's websites around 10 years ago and has constantly advanced his knowledge of web technologies ever since. He is currently working with a technology startup to provide it with the tools required for quick expansion. He has spent the past four years working with React and Redux as well as building efficient real- applications for both startups and corporate clients. He has a passion for efficient and clean code, while also staying on top of all the new developments in the front-end world. On the site he is also an Authorized Google Trainer, teaching for companies such as Solvay and Lucas Films. Overview Section 1: Hands-on Webpack for React Development Lecture 1 The Course Overview Lecture 2 Benefits of Webpack with React Lecture 3 Installing and Setting Up Webpack Lecture 4 Your First App with Webpack Lecture 5 Webpack Configuration Lecture 6 Webpack Out – bundle.js Lecture 7 How Loaders Work? Lecture 8 React, SASS, and Images Loaders Lecture 9 Image Processing Lecture 10 Building a Photo Gallery App Lecture 11 Auto-Reload Your App Lecture 12 Hot Module Replacement (HMR) Lecture 13 Using HMR Lecture 14 Webpack Dev Server Configuration Lecture 15 Text Editor Component Lecture 16 Enabling Text Markup Lecture 17 Writing a Node.js Service Lecture 18 React Components for Search and Listing Articles Lecture 19 CSS for a Beautiful UX Lecture 20 Use Webpack Plugins Lecture 21 Configuring Your Plugins Lecture 22 Code Splitting Lecture 23 Lazy Loading Your App Section 2: Webpack for React Applications Lecture 24 The Course Overview Lecture 25 A React Application Lecture 26 Deliverables with Webpack Lecture 27 Deliverables with Webpack (Continued) Lecture 28 Setting Up Babel Lecture 29 Setting Up Babel (Continued) Lecture 30 Webpack Configuration – Loading Assests Lecture 31 Webpack Configuration – File Loader Lecture 32 Webpack Configuration – SCSS Lecture 33 Performance Increase Lecture 34 Cache Busting Lecture 35 Project Files Cleanup Lecture 36 Using Dev Server in Your Application Lecture 37 Best Practices with Webpack Dev Server Lecture 38 React Router and Code Splitting Lecture 39 Getting an App Production Ready Lecture 40 Deployments with GitHub Pages Lecture 41 Deployments with AWS S3 Lecture 42 Dynamic Sites – Node and Webpack Integration Lecture 43 Deployments to AWS EBS Section 3: Deploying Web Applications with Webpack Lecture 44 The Course Overview Lecture 45 Installation and Setup Lecture 46 Installation and Setup (Continued) Lecture 47 Using Webpack in a Basic Application Lecture 48 Using Webpack in a Basic Application (Continued) Lecture 49 Using Webpack in Your Web Application Lecture 50 Running the Basic Application Lecture 51 Running the Basic Application (Continued) Lecture 52 Bundling Process Lecture 53 Introduction to Loaders Lecture 54 Babel Setup and Configuration for ES2015 Lecture 55 Loader Examples Lecture 56 Handling Stylesheets with Webpack Lecture 57 Handling Stylesheets with Webpack (Continued) Lecture 58 Handling Images and Image Compression Lecture 59 Configuring Public Paths Lecture 60 Code Splitting - Introduction Lecture 61 Code Splitting - Multiple Entry Points Lecture 62 Code Splitting - Dynamic Imports Lecture 63 Lazy Loading Lecture 64 Webpack 3 Performance Improvements This learning path is for developers who are familiar with javascript and React and want to use webpack for applying the principles of webpack to their large applications. HomePage: gfxtra__Complete_G.part1.rar.html gfxtra__Complete_G.part2.rar.html
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.