برای این نوشته توضیحات بنویسید:
1
2
3
4
5
ثبت
     
انصراف

برای این نوشته توضیحات بنویسید

در این آموزش تصویری با ساخت اپلیکیشن مبتنی بر 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