در این آموزش تصویری با ساخت اپلیکیشن مبتنی بر React  با Webpack آشنا می شوید.
این دوره آموزشی محصول موسسه Tutsplus است.

سرفصل های دوره:

  • ساخت مدل DOM به صورت مجازی
  • معرفی Webpack
  • کار با ES6
  • کار با نمایشگر HAR
  • نحوه بررسی  برنامه
  • نحوه راه اندازی برنامه
  • نحوه ساخت جدول
  • نحوه مرتب سازی جدول
  • نحوه فیلتر  گذاری برای داده ها
  • کار با نوار Timeline
  • ساخت نمودار دایره ای
  • و…

عنوان دوره: Tutsplus React Deep Dive: Build a React App With Webpack
مدت زمان: 1 ساعت و 4 دقیقه
نویسنده: Pavan Podila


توضیحات:

Tutsplus React Deep Dive: Build a React App With Webpack

Pavan Podila
1.4 hours

React is a library for building user interfaces that has taken the web development world by storm. With an innovative model for efficient rendering to a "virtual DOM", an ecosystem of thousands of related modules on NPM, and a complex toolchain, React is a powerful and subtle technology. But this means it can sometimes be hard to get up to speed for full-scale app development.
In this course, Envato Tuts+ instructor Pavan Podila will take you on a deep dive into ReactJS by building a complex app using libraries such as D3, React-Bootstrap, and FixedDataTable. You'll learn how to use tools such as Webpack that are necessary to build any full-fledged React app. You'll also see how to write React apps in ES6 (ECMAScript 2015) for a cleaner and more elegant syntax.
The course project will be to build a HAR (Http ARchive) file viewer. HAR files are a representation of the network traffic in a web browser. Chrome has built-in support in the Network panel of DevTools. You will build your own version of this functionality with a custom HAR viewer.
By the end of this course, you will have a stronger grasp on starting your own React projects, organizing your code using React components, and bundling your app code with Webpack. You'll also learn a professional dev workflow for React. You'll walk away with a stronger understanding of React components and their lifecycle by learning how to wrap existing third-party libraries within React components.

1. Introduction 1 lesson
02:00
1.1 Introduction
02:00
2. The Preparation 3 lessons
20:16
2.1 Virtual DOM
05:16
2.2 Webpack
10:02
2.3 ES6 Syntax
04:58
3. HAR Viewer 7 lessons
59:08
3.1 Project Overview
02:35
3.2 Initial Setup
12:03
3.3 Rendering the Table
11:25
3.4 Sorting the Table
06:57
3.5 Filtering the Table
07:09
3.6 Timeline Bar
09:22
3.7 Pie Chart
09:37
4. Conclusion 1 lesson
02:17
4.1 Conclusion
02:17