Buatfox48: C Javascript

Tampilkan postingan dengan label C Javascript. Tampilkan semua postingan

31 Januari 2021

[C] React and Typescript: Build a Portfolio Project

React and Typescript: Build a Portfolio Project
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 29.5 Hours | 10.7 GB

Perluas portofolio proyek Anda dengan membangun aplikasi yang kompleks dengan teknologi web terbaru.
Anda telah mempelajari React, tapi bagaimana sekarang? Saatnya membangun proyek luar biasa untuk portofolio Anda!
Buktikan pengetahuan React Anda kepada pemberi kerja.
Ada ratusan sumber daring untuk mengajari Anda dasar-dasar React, tetapi hanya sedikit yang melampaui dasar-dasar. Anda membutuhkan lebih banyak - sesuatu untuk mengajari Anda cara membuat aplikasi yang besar dan menarik. Sesuatu yang unik, sesuatu yang lebih dari daftar yang harus dilakukan.
Kursus ini adalah jawaban Anda.
Awali pengalaman belajar Anda dengan pengantar tentang cara menggunakan React dan Typecript secara bersamaan. Tidak paham dengan Typecript? Tidak masalah! Sebuah kilat cepat - tapi komprehensif - tutorial disertakan!
Setelah Anda siap dengan React dan Typecript, Anda akan menyelami proyek besar kami. Anda akan membangun lingkungan pengkodean berbasis browser interaktif. Ini seperti Notebook Jupyter, tetapi untuk Javascript, dengan banyak fitur tambahan ditambahkan. Ya, inilah yang akan Anda buat dalam kursus ini! Anda akan memecahkan tantangan luar biasa seputar memaketkan dan mentranspilasi kode langsung di browser. Ini adalah tugas yang biasanya dilakukan dengan menjalankan Webpack dan Babel di terminal Anda! Anda akan mengeksekusi kode pengguna dengan aman di browser seperti layanan terkenal seperti CodeSandBox dan CodePen. Terakhir, Anda akan menerapkan proyek ini menggunakan arsitektur multi-paket ke NPM, di mana teman dan perusahaan Anda dapat dengan mudah mengunduh dan menjalankan proyek Anda.
Selama keseluruhan proyek ini, saya akan menunjukkan kepada Anda berbagai solusi berbeda untuk sejumlah besar masalah. Saya akan menunjukkan kepada Anda langkah demi langkah cara menyelesaikan setiap masalah. Anda juga akan melihat banyak kekhawatiran seputar kinerja dan keamanan ditangani.
Di akhir kursus, Anda akan memiliki proyek portofolio yang luar biasa dengan penampilan dan fungsionalitas yang luar biasa. Anda akan memahami setiap baris kode, dan dapat menjelaskan setiap bagian kepada calon pemberi kerja.
Berikut adalah sebagian daftar topik yang akan dibahas dalam kursus ini:

Kuasai penggunaan React, Redux, dan Typecript bersama-sama
Bangun aplikasi yang kompleks dan menarik menggunakan arsitektur berbasis paket
Pahami tantangan transpiling dan pemrosesan kode dalam browser
Amankan aplikasi Anda dari potensi eksploitasi keamanan
Jalankan kode yang disediakan pengguna dengan aman langsung di browser
Jalankan editor kode langsung di browser - editor yang sama yang digunakan oleh VSCode!
Manfaatkan Perakitan Web untuk menjalankan bundler kode langsung di browser dengan kecepatan secepat kilat
Gunakan bagian dalam Redux untuk menguji logika bisnis Anda secara manual
Temukan lusinan trik untuk membuat UI yang ramping
Terapkan aplikasi Anda ke registri NPM, tempat orang lain dapat menggunakannya dengan mudah

Saya membuat kursus ini untuk membantu Anda menerapkan keterampilan React Anda. Daftar hari ini dan buat aplikasi luar biasa yang akan membuktikan pengetahuan Anda.
Apa yang akan Anda pelajari

Bangun proyek siap portofolio dengan React dan Typecript
Integrasikan React dan Redux bersama dengan Typecript
Sederhanakan pembaruan status dengan perpustakaan Immer yang luar biasa
Lihat proses langkah demi langkah dalam merancang dan merakit proyek tingkat lanjut
Kelola proyek menggunakan arsitektur berbasis paket
Otomatiskan penerapan Anda dengan Lerna CLI yang populer
Bangun transpiler + bundler dalam browser
Rakit komponen React yang sangat bisa digunakan kembali
Gunakan middlewares Redux untuk menangani aliran logika bisnis yang rumit
Gunakan Perakitan Web untuk meningkatkan kinerja aplikasi Anda

Daftar isi

React with Typescript
1 How to Get Help
2 Join Our Community!
3 Be Sure to Watch this Video!
4 Generating TypeScript-Enabled Projects
5 File Extensions and Starting Up React
Types Around Props and State
6 Changes with TypeScript
7 The Big Difference with Props
8 Explicit Component Type Annotations
9 Annotations with Children
10 State with TypeScript
11 Type Inference with State
12 Quick Finish to the Example
13 More on State
14 Type Unions in State
Types Around Events and Refs
15 Inline Event Handlers
16 Typing Standalone Event Handlers
17 Handling Drag Events Too!
18 TypeScript with Class Components
19 Applying Types to Refs
20 More on Refs
Typescript with Redux
21 App Overview
22 Project Setup
23 Redux Store Design
24 Reducer Setup
25 Annotating the Return Type
26 Typing an Action
27 Separate Interfaces for Actions
28 Applying Action Interfaces
29 Adding an Action Type Enum
30 A Better Way to Organize Code
31 Adding Action Creators
32 Adding Request Logic
33 Applying Typings to Dispatch
34 Setting Up Exports
35 Wiring Up to React
36 Oops… Initial State!
37 Reminder on Event Types
38 Calling an Action Creator
39 Binding Action Creators
40 Selecting State
41 Awkward Typings Around React-Redux
42 Creating a Typed Selector
43 Consuming Store State
44 Quick Wrapup
The Big App – Here’s What We’re Building!
45 App Overview
46 Three Big Challenges
Code Transpiling in the Browser
47 Transpiling Options
48 Remote Transpiling
49 Module Systems
50 Behind the Scenes with Webpack
51 Webpack with ES Modules
52 One Small Change
53 Options for Bundling
54 So Which Approach
55 A Webpack Replacement
Implementing In-Browser Bundling
56 A Demo App
57 Project Setup
58 Basic Form Elements
59 Understanding ESBuild
60 Initializing ESBuild
61 Using Refs for Arbitrary Values
62 Transpiling Works!
63 Troubles with Bundling in the Browser
64 Issues with NPM
65 Solution with Unpkg
66 Demo ESBuild Plugin
67 ESBuild Can Bundle!
68 Deep Dive on Bundling
69 Filters and Namespaces
70 Adding a Tiny Test Package
Dynamic Fetching and Loading of NPM Modules
71 Dynamically Fetching Modules
72 Generating the Unpkg URL
73 Issues with Multi-File Packages
74 Solving Relative Paths
75 Using the URL Constructor
76 Failing Nested Requires
77 Resolving Nested Paths
78 It Works!
79 Defines During Bundling
80 Bonus! Package Versioning
Caching For Big Performance Gains
81 Crazy Numbers of Requests
82 Implementing a Caching Layer
83 Caching with Key-Value Pairs
84 Fixing a TypeScript Error
85 Bundling User Input
86 Breaking Up Resolve Logic With Filters
87 Refactoring to Multiple Plugins
88 Loading CSS Files
89 Configuring the Correct Loader
90 Small Shortcoming with ESBuild
91 Tricking ESBuild’s CSS Handling
92 Escaping CSS Snippets
93 Separate Load Filters
94 Extracting Common Caching Logic
95 A Better Way of Loading WASM
Safely Handling Untrusted Code Execution
96 Executing User Code
97 Big Issues with Code Execution
98 How Do Others Solve This
99 Displaying IFrames
100 Different Execution Context
101 Crossing Context
102 Sandboxing an IFrame
103 Breaking Access with Different Domains
104 How Do IFrames Fix Anything
105 The Full Flow – How CodePen and CodeSandbox Work
106 Do We Need Separation
107 Middle Ground Approach
108 IFrames with SrcDocs
109 Execution Using SrcDoc
110 Running Unescaped Code
111 Indirect Communication Between Frames
112 Passing Code to the IFrame
113 It Works!
114 Highlighting Errors
115 Issues with Repeat Execution
116 Resetting the IFrame Contents
117 Warning Fixup
Displaying a Code Editor In a React App
118 Issues with Eager Bundling
119 Quick Revert
120 Open Source Editor Options
121 Displaying an Editor
122 Configuring the Editor
123 Crazy Monaco Editor Type Defs
124 A Few More Options
125 Setting the Initial Value
126 Handling Editor Change Events
127 Adding a Type Definition
128 Adding Prettier to Our Editor
129 Automatic Code Formatting
130 Adding a CSS Library
131 Floating the Format Button
132 Fixing Syntax Highlighting
133 CSS For Syntax Highlighting
How to Extract Reusable Components
134 Refactoring Out a Preview Component
135 Extracting Bundling Logic
136 Fixing a Few Warnings
137 Multiple Editors and Preview Windows
Draggable Resizing Components
138 Adding Resizable Panes
139 Setting Up React-Resizable
140 Setting a Resize Handle
141 Resizer CSS
142 Adding a Bunch of CSS
143 Expanding the Resizer Horizontally
144 Expanding the Code Editor
145 Fixing the Resize Issue
146 Constraining Vertical Resizes
147 Resizing Horizontally
148 Strategies for Prop Definitions
149 Applying Horizontal Resize Props
150 Getting Preview to Expand
151 A Small Workaround
152 Updating the After Selector
153 An Oddity Around the Resizer
154 On Resize Events
155 Updating Resizer Props
156 Improving Resize Performance
157 Why Width Jumps
158 Synchronizing Width State
159 Quick Dependency Array Fix
160 Adding Debouncing Logic
161 Clearing the Timeout
162 Adding an Execution Timeout
Techniques for Error Handling in React Apps
163 Error Handling
164 Extracting Reusable Error Handling Logic
165 Handling Async Errors
166 Capturing Bundling Errors
167 Printing the Captured Error
Creating a Markdown Editor in a React App
168 Plan for the Text Cell
169 A Few Issues with the Markdown Editor
170 Toggling the Markdown Editor Mode
171 Conditional Toggling
172 Why the Broken Cursor
173 Solving Class Name Conflicts
174 Fixing the Divider Height
175 Restyling the Resizer Bar
176 Additional Markdown Styling
177 Applying the Dark Theme
178 Adding State to the Editor
179 Last Touch of Styling
Design Patterns for Redux with Typescript
180 Redux Design
181 Initial Scaffolding
182 Action Interface Definitions
183 Defining What a Cell Is
184 Cells Reducer Setup
185 Adding a Few Reducer Cases
186 Creating and Exporting the Store
187 React to Redux Connection
188 Action Creator Return Type Annotations
189 Easy Action Creator Implementations
190 Handling Cyclical Imports
191 Defining Direction
192 Update Cell Logic
Simplify State Updates with Immer
193 Simple Updates with Immer
194 Removing a Cell
195 Swapping Cell Placement
196 Inserting New Cells
197 Small Gotcha with Immer
198 Manual Testing of a Redux Store
Binding React with Redux
199 Back to React
200 Creating a Typed Selector
201 Selecting an Ordered List
202 Rendering the List of Cells
203 Cell Type Rendering
204 Reminder on the Action Creator Helper
205 Extracting Local State
206 Extracting State from Text Cell
207 The Action Bar Component
208 Adding Icon Buttons
209 Applying Custom CSS
210 Last Touch of Styling
211 Adding New Cells
212 Displaying Add Cell
213 Resolving the Key Warning
214 Styling Add Cell
215 A Touch More Styling
216 Forcing Add Cell Visibility
217 Understanding CSS Transition Curves
218 Adding Vertical Spacing
219 Why is Add Cell Weird
220 Refactoring the Redux Side
221 Three Possible Solutions
222 Refactoring the React Side
Connecting Bundles in Redux
223 Should There Be a Bundles Reducer
224 Here’s the Plan
225 Defining Bundling Action Types
226 Initial Reducer Implementation
227 Finishing Up the Reducer
228 Adding the Action Creator
229 React Wire Up
230 Adjusting the Reducer State
231 Solving a Small Warning with useMemo
232 Adding Eager Bundling
233 Getting an Initial Bundle
234 Showing a Loading Message
235 Styling the Progress Bar
236 Can We Estimate Bundle Duration
237 Fading In the Progress Bar
238 Fixing the Background
Adding a ‘Cumulative Code Execution’ Feature
239 Referencing Code from Previous Cells
240 Method of Implementation
241 Calculating Cumulative Code
242 Executing the Cumulative Code
243 Adding a Show Function
244 Showing Complex Values
245 Showing a JSX Element
246 Import Name Collisions
247 Avoiding Naming Collisions
248 Showing a React Component
249 Selective Calls to Show
250 Implementing a Show Function No-Op
251 Extracting a Hook
252 A Touch of CSS
253 Fixing Edge Snaps
The Path – Lerna
254 The Path Moving Forward
255 Planning Local Architecture
256 An Easy Solution
257 What’s the App Look Like in the Future
258 Package Based Development
259 Introducing Lerna
260 Disclaimer on Lerna
261 Lerna Setup
262 Adding Modules with Lerna
263 Linking Packages
264 Adding TypeScript Support
265 Adding TypeScript to the CLI
266 Finishing TS Support
267 Parallel Start Scripts
CLI
268 Reading Command Line Arguments
269 Using Commander to Build a CLI
270 Specifying Command Line Options
271 Communication from the CLI to the API
272 What’s that Directory Argument
273 Calculating File Paths
Local API
274 The Local API
275 Adding Dependencies and Running Express
276 Error Handling Where
277 Wrapping Express Listen with a Promise
278 Error Handling Solution
279 Accessing the React App
280 Connecting the Proxy
281 Building a Production Bundle
282 Understanding Package Links
283 What’s the Path
284 Which Method Do We Use
285 Determining Our Execution Environment
286 A Quick Test
287 Creating the Cells Router
288 Writing Cells to a File
289 Reading File Contents
290 Default Cell Values
291 Adding a JSON Parser
Fetching Cells
292 Adding Fetch Cell Logic to Redux
293 The Fetch Cells Action Creator
294 Handling Fetch Cell Types
295 Saving a List of Cells
296 When to Call Fetch
297 Saving a List of Cells
298 Adding a Persist Middleware
299 Detecting When to Save
300 Debouncing Save Logic
Publishing
301 The Path to NPM Publishing
302 Bootstrapping the Project
303 A Touch More Setup
304 Getting Ready to Publish
305 Configuring the CLI
306 Publishing to NPM
307 NPM Organizations
308 Declaring Scoped Packages
309 Refactoring Package Names
310 Auditing Dev Dependencies
311 Adding Build Scripts
312 The Case for Bundling
313 Running ESBuild
314 Creating a Repository
315 Publishing with Lerna
316 Does it Work
317 Next Steps
Appendix TypeScript
318 Quick Note
319 TypeScript Overview
320 Environment Setup
321 A First App
322 Executing TypeScript Code
323 One Quick Change
324 Catching Errors with TypeScript
325 Catching More Errors!
326 Course Overview
327 Types
328 More on Types
329 Examples of Types
330 Where Do We Use Types
331 Type Annotations and Inference
332 Annotations with Variables
333 Object Literal Annotations
334 Annotations Around Functions
335 Understanding Inference
336 The Any Type
337 Fixing the Any Type
338 Delayed Initialization
339 When Inference Doesn’t Work
340 More on Annotations Around Functions
341 Inference Around Functions
342 Annotations for Anonymous Functions
343 Void and Never
344 Destructuring with Annotations
345 Annotations Around Objects
346 Arrays in TypeScript
347 Why Typed Arrays
348 Multiple Types in Arrays
349 When to Use Typed Arrays
350 Tuples in TypeScript
351 Tuples in Action
352 Why Tuples
353 Interfaces
354 Long Type Annotations
355 Fixing Annotations with Interfaces
356 Syntax Around Interfaces
357 Functions In Interfaces
358 Code Reuse with Interfaces
359 General Plan with Interfaces
360 Classes
361 Basic Inheritance
362 Class Method Modifiers
363 Fields in Classes
364 Fields with Inheritance
365 Where to Use Classes
366 App Overview
367 Parcel in Action
368 Project Structure
369 Generating Random Data
370 Type Definition Files
371 Using Type Definition Files
372 Export Statements in TypeScript
373 Defining a Company
374 Adding Google Maps Support
375 Google Maps Integration with TypeScript
376 Exploring Type Definition Files
377 Hiding Functionality
378 Why Use Private Modifiers Here’s Why
379 Adding Markers
380 Duplicate Code
381 One Possible Solution
382 Restricting Access with Interfaces
383 Implicit Type Checks
384 Showing Popup Windows
385 Updating Interface Definitions
386 Optional Implements Clauses
387 App Wrapup

29 Januari 2021

[C] The complete React Fullstack course ( 2021 edition )

by Leatify on 29 Januari 0 Comment

The complete React Fullstack course ( 2021 edition )
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 72 Hours | 30 GB

Membawa Anda coding ke level berikutnya dengan React, Node js, Express, MongoDB dan ES6
Apakah Anda ingin mempelajari seluruh proses membangun Aplikasi Anda?. Ini adalah kursus untukmu.
Kita akan mulai dari awal, dari “Saya bahkan tidak tahu bagaimana menggunakannya..dan mengapa saya“ untuk benar-benar memahami cara kerja React dan membuatnya berkomunikasi dengan teknologi lain seperti Node js.
Anda akan mempelajari semua logika dan praktik di balik React dalam modul yang berbeda, dan saat kami maju melalui kursus ini, kami akan meningkatkan kesulitannya.
Karena saya percaya bahwa cara terbaik untuk belajar sepenuhnya adalah dengan membuat kode, setelah setiap bagian penting kita akan mempraktikkan semuanya dengan beberapa proyek kursus, dan setelah Anda memiliki basis React yang kuat, kita akan melakukan perjalanan ke Server dan Database, Redux, dan menerapkan aplikasi untuk produksi.
Kami akan menggunakan ES6, javascript versi terbaru.

Untuk merangkum semuanya, Anda akan belajar dalam kursus ini:

Dasar-dasar React. Cara menginstal dan logika di baliknya.
Setelah Anda mengetahui dasar-dasar React, kita akan membahas hal-hal yang membingungkan.
Setelah Anda memiliki basis React yang kuat, kami akan membuat proyek latihan lengkap.
Semua orang menggunakan Redux, jadi kami akan belajar cara menggunakan redux dengan Aplikasi React kami.
Karena aplikasi kita membutuhkan database, Anda akan belajar cara menggunakan MongoDB dan luwak.
Terapkan keamanan, otentikasi, pembatasan rute, hashing kata sandi, dan JWT.
Kami akan membuat proyek latihan kedua menggunakan React, Redux, Node Server dan MongoDB.
Tentu saja, kami akan mempelajari seluruh proses penerbitan aplikasi Anda menggunakan Heroku, Git, dan Github.
Webpack adalah bagian dari fullstack.
Anda juga mendapatkan kursus ES6 Lengkap

Apa yang akan Anda pelajari

Anda akan mempelajari seluruh proses pembuatan React WebApp, dari komputer Anda ke server.
Bekerja dengan database nosql (Firebase, MongoDB, dan Moongoose)
Cara menerapkan aplikasi ke layanan seperti Firebase dan Heroku.
Pelajari cara kerja Redux dan terapkan pada aplikasi kehidupan nyata.
Pelajari apa itu NODE js dan Bagaimana cara kerjanya dan buat server Anda sendiri,
Pelajari dasar-dasar Webpack

Daftar isi

Pendahuluan
1 Intro
2 Menginstal Node JS
3 IDE

Dasar-dasar React
4 Boilerplate
5 Bundel
6 Dari bawah ke atas
7 Di balik layar
8 Struktur proyek
9 Jenis komponen
10 Menambahkan beberapa gaya
11 Peristiwa
12
Status 13 Alat peraga bagian satu
14 Alat peraga bagian dua
15 Alat peraga bagian tiga
16 Bereaksi anak
17 Lebih lanjut styling
18 Memfilter berita
19 Lifecycles
20 Lifecycles bagian 2
21 React hooks intro
22 hook
UseState 23 hook UseState bagian 2
24 UseEffect
25 UseCallback
26 UseRef
27 Context API bagian satu
28 Context API bagian dua

Latihan kecil - Siapa yang membayar tagihan
29 Pemasangan
30 Konteks dan css
31 Referensi dan validasi
32 Menambahkan pemain ke daftar
33 Menampilkan daftar pemain
34 Berikutnya dan Bersulang
35 Mendapatkan yang lebih longgar

React router
36 Pendahuluan
37 Proses rute
38 File rute utama
39 Menyiapkan rute
40 Menghubungkan
41 Tata letak yang lebih baik
42 Params
43 Lebih lanjut tentang react router
44 Sakelar router react
45 Pengalihan
46 Penanganan 404

Dasar-dasar react bagian 2
47 Pendahuluan
48 Komponen murni
49 Elemen yang berdekatan
50 HOC bagian 1
51 HOC bagian 2
52 Transisi
53 Transisi bagian 2
54 Transisi CSS
55 Grup transisi
56 Sebutan terhormat

Redux
57 Pendahuluan
58 Menghubungkan
59 Pembuat tindakan dan pereduksi
60 Menggabungkan pereduksi
61 Membuat peredam yang valid
62 Alat pengembang Redux
63 Mengirim tindakan
64 Status peta ke properti
65 kait Redux
66 Jenis
67 Membuat permintaan

Praktik kecil - The Daily News
68 Instalasi dan router
69 Menyiapkan Redux
70 Header dan tata letak utama
71 Server Api dengan server json
72 Mengambil kiriman beranda
73 Mengambil kiriman beranda bagian 2
74 Rumah masonry
75 Membuat buletin tambah
76 Menyelesaikan buletin
77 Perbaikan dan membuat halaman posting
78 Post cleanup dan 404

Formulir
79 Formik - Memulai
80 Formik - Memvalidasi
81 Formik - Menggunakan Yup
82 Formik - Hooks
83 Formik - Komponen kustom
84 Formik - Kolom kustom
85 Kustom - Membuat status dan memasukkan
86 Kustom - Memperbarui data formulir
87 Kustom - Validasi
88 Kustom - Mengirim formulir
89 Kustom - Pilih dan area teks

Sentuhan akhir
90 Menambahkan formulir kontak ke berita harian
91 Berita harian, menyimpan pesan
92 The userReducer

Dasar-dasar node
93 Apa node
94 Menggunakan REPL
95 Pemblokiran dan non-pemblokiran
96 Thread, Event Loop, Call stack dan antrian tugas
97 Pikiran akhir

Server web
98 Membuat server node
99 Mengirim tanggapan
100 Membuat rute
101 Express - membuat server
102 Express - Params dan querystring
103 Express - Middleware bagian satu
104 Express - Middleware bagian dua
105 Express - Body parser
106 Express dan React

Database
107 Pendahuluan
108 Membuat cluster
109 Menghubungkan
110 Menambahkan data ke DB
111 Membuat model dan skema
112 Mongoose POST
113 Mongoose GET
114 Mongoose REMOVE
115 Mongoose UPDATE

Otentikasi
116 Menggunakan tukang pos
117 Membuat proyek
118 Mendaftarkan pengguna (tanpa hash)
119 Memasangkan kata sandi
120 Masuk pengguna
121 JWT bagian satu
122 JWT bagian dua
123 JWT bagian tiga
124 Auth middleware
125 Menerapkan bagian satu
126 Menerapkan bagian dua

Tugas akhir
127 SERVER Installations
128 SERVER Init server dan koneksi ke DB
129 SERVER Membuat model pengguna
130 SERVER Membuat file rute
131 SERVER Mencirikan dan memeriksa email
132 SERVER Daftarkan pengguna
133 SERVER Masuk pengguna
134 SERVER Memvalidasi token
135 SERVER Membuat peran
136 SERVER Peran pengujian
137 SERVER Memperbarui profil
138 SERVER Memperbarui email
139 SERVER Artikel model
140 SERVER Memposting artikel
141 SERVER Patch, hapus, dapatkan artikel dengan ID
142 SERVER Temukan dengan ID
143 SERVER Muat lebih banyak
144 SERVER Rute paginasi
145 Dimulai dengan REACT
146 Membuat toko
147 Header dan sidedrawer
148 Finishing sidedrawer
149 Membuat mobil rumah
150 Mendapatkan artikel dari loadmore bagian satu
151 Mendapatkan artikel dari loadmore bagian dua
152 Menampilkan notifikasi bagian satu
153 Menampilkan notifikasi bagian dua
154 Membuat formulir login-register
155 Register users
156 Pengguna
sign in 157 Auto sign in users
158 Membuat loader
159 Pengguna logout
160 Tata letak admin
161 Mengubah tata letak
162 Penjaga rute
163 Menjaga tautan nav
164 Perbaikan terbaru untuk masuk dan keluar
165 Membuat bagian artikel
166 Menampilkan data artikel
167 Menghapus artikel
168 Tambahkan artikel bagian satu
169 Tambahkan artikel bagian dua
170 Menggunakan array lapangan dengan aktor
171 Membuat editor WYSIWYG
172 Menyelesaikan WYSIWYG
173 Memposting artikel
174 Amin pagination bagian satu
175 Amin pagination bagian dua
176 Amin pagination bagian tiga
177 Mengubah status artikel
178 Menghapus artikel bagian satu
179 Menghapus artikel bagian dua
180 Mengedit artikel bagian satu
181 Mengedit artikel bagian dua
182 Email stepper bagian satu
183 Email stepper bagian dua
184 Email stepper bagian tiga
185 Memperbarui profil pengguna
186 Menyebarkan

Dasar-dasar React [Legacy - kursus versi 2019 2020]
187 Intro
188 Menginstal Node JS
189 IDE
190 Menggunakan boilerplate
191 Bundel
192 Membuat aplikasi sederhana
193 Menggunakan JSX
194 Penataan
195 Menggunakan kelas
196 Sedikit gaya
197 Peristiwa
198 Komponen keadaan
199 Bekerja dengan alat peraga
200 Bekerja dengan alat peraga 2
201 Alat peraga, dari kelas ke kelas
202 Anak-anak
203 Lebih lanjut tentang gaya
204 Menggunakan perpustakaan pihak ketiga
205 Menyaring berita
206 Siklus Hidup
Reaksi 207 Siklus Reaksi 2
208 React hooks
209 Kesimpulan
210 Status penggunaan
211 Status penggunaan 2
212 Status penggunaan 3
213 Efek penggunaan
214 Pendahuluan
215 Proses router
216 Menyiapkan rute
217 Menghubungkan
218 Membuat sedikit lebih baik
219 Param
220 Memori, hash, dan navlink
221 Beralih
222 Pengalihan
223 Penanganan 404

Project music DB (opsional) [Legacy - kursus versi 2019 2020]
224 Intro dan instalasi
225 Rute dan server json
226 Menyelesaikan beranda
227 Membuat artis halaman
228 Mendapatkan album

Topik spesifik React [Legacy - versi kursus 2019 2020]
229 Penguraian bersyarat
230 Komponen murni
231 Elemen yang berdekatan
232 Komponen urutan tinggi 1
233 Komponen urutan tinggi 2
234 Animasi
235 Transisi dengan kelas
236 transisi CSS
237 TGroup - template
238 Animasi dengan TGroup
239 Pemeriksaan Jenis
240 Pemeriksaan Jenis 2
241 Terkendali vs tidak terkendali

Project NBA [Legacy - versi kursus 2019 2020]
242 Pendahuluan dan instal
243 Membuat header dan footer
244 Membuat slider
245 Membuat langganan Beranda
246 Menyelesaikan Subs Beranda
247 Menambahkan blok kiriman beranda
248 Polling Beranda
249 Menyelesaikan Polling Beranda
250 Membuat posting artikel
251 Membuat komponen tim
252 Menambahkan modal
253 Menyelesaikan modal

Bekerja dengan redux [Legacy - kursus versi 2019 2020]
254 Pendahuluan
255 Membuat toko
256 Pembuat dan pereduksi tindakan
257 Membuat pereduksi
258 Menghubungkan
259 Mengirim tindakan
260 Membuat kode yang lebih baik
261 Menggunakan tipe
262 Bekerja dengan janji
263 Redux dan komponen fungsional
264 Redux dan Hooks

Bekerja dengan formulir [Legacy - kursus versi 2019 2020]
265 Pendahuluan
266 Membuat status untuk formulir Anda
267 Membuat template elemen formulir
268 Menambahkan peristiwa ke elemen formulir
269 Membuat fungsi validasi
270 Menampilkan pesan kesalahan
271 Elemen formulir yang tersisa
272 Mengirim data
273 Memulai dengan formik
274 Memvalidasi dengan formik
275 Mengirimkan dengan formik
276 Formik dan yup

Dimulai dengan Node JS [Legacy - kursus versi 2019 2020]
277 Intro
278 REPL terminal saya
279 Menggunakan node pada proyek
280 Menulis di node
281 Mengekspor di node
282 Memblokir dan tidak memblokir
283 Thread, loop peristiwa, dan panggilan stack
284 Threads, event loop dan call stack 2
285 Threads, event loop dan call stack 3
286 Right to the bone

Server node [Legacy - versi kursus 2019 2020]
287 Intro
288 Server sederhana
289 Mengirim respons HTML
290 Mengirim respons JSON
291 Perutean
292 Intro
Ekspres 293 Parameter ekspres dan string kueri
294 middleware
Ekspres 295 Perangkat middleware Ekspres 2
296 Data posting ekspres
297 Node server dan bereaksi
298 Node server dan bereaksi 2

Database dengan Mongo DB [Legacy - versi kursus 2019 2020]
299 Intro
300 Menginstal driver mongo dan mongo
301 Menggunakan driver mongo
302 Menggunakan driver mongo 2
303 Mongoose, model dan skema
304 Mongoose posting
305 Mongoose mendapatkan
306 Mongoose hapus
307 Mongoose memperbarui

Otentikasi [Legacy - kursus versi 2019 2020]
308 Menggunakan tukang pos
309 Membuat server
310 Menambahkan pengguna
311 Menggunakan bcrypt
312 Kata sandi hash
313 Kata sandi hash 2
314 Kata sandi hash 3
315 Apa itu JWT
316 Membuat token
317 Memvalidasi token
318 Auth middleware
319 Logout pengguna

Menerapkan [Legacy - kursus versi 2019 2020]
320 Membuat proyek Heroku
321 Menghubungkan mongo DB cloud
322 Menyelesaikan penerapan

Proyek Rak buku [Legacy - kursus versi 2019 2020]
323 Pendahuluan
324 Membuat server
325 Model pengguna
326 Kata sandi hashing
327 Pengguna login
328 Memvalidasi token
329 Pengguna logout
330 Model buku
331 Memposting buku
332 Mendapatkan, menambal, dan menghapus buku
333 Mendapatkan semua buku
334 Menyiapkan redux
335 Membuat header dan sidenav
336 Menambahkan tautan ke sidenav
337 Membuat login
338 Mengirim tindakan login
339 Login masuk dan menangkap kesalahan
340 Auth HOC
341 Logout pengguna
342 Opsi Sidenav
343 Membuat tambah kiriman bagian
344 Memvalidasi field
345 Memposting buku
346 Menyelesaikan posting tambah buku
347 Membuat edit buku
348 Membuat edit buku 2
349 Menyelesaikan edit buku
350 Posting admin bagian
351 Dapatkan artikel rumah
352 Dapatkan artikel rumah 2
353 Beranda loadmore
354 Tampilan artikel
355 Menyebarkan ke heroku
356 Menerapkan ke heroku 2

BONUS ES6 Kursus
357 Pengantar ES6
358 CONST dan LET
359 CONST dan LET Menggunakan lingkup
360 CONST dan LET Contoh kehidupan nyata
361 CONST dan LET Latihan satu
362 CONST dan LET Latihan satu solusi
363 CONST dan LET Latihan dua
364 CONST dan LET Latihan dua - solusi
365 Template strings
366 Template strings 2
367 Template strings 3
368 Template strings 4
369 Template strings Latihan satu
370 Template strings Latihan satu solusi
371 Template strings Latihan dua
372 Template strings Latihan dua solusi
373 Foreach
374 Foreach 2
375 Foreach 3
376 Foreach Latihan
377 Latihan Foreach - solusi
378 Peta
379 Peta 2
380 Peta Latihan satu
381 Peta Latihan satu solusi
382 Peta Latihan dua
383 Peta Latihan dua solusi
384 Filter
385 Filter 2
386 Filter Latihan satu
387 Filter Latihan satu solusi
388 Filter Latihan dua
389 Filter Latihan dua - solusi
390 Temukan
391 Temukan 2
392 Setiap & beberapa
393 Setiap & beberapa 2
394 Kurangi
395 Kurangi 2
396 Kurangi Latihan satu
397 Kurangi Latihan satu solusi
398 Kurangi Latihan dua
399 Kurangi Latihan dua - solusi
400 Untuk…. Dari
401 Fungsi panah lemak
402 Fungsi panah lemak 2403 Fungsi panah
lemak Latihan
404 Fungsi panah lemak Solusi latihan
405 Literal objek
406 Literal objek 2407
Literal objek Latihan
408 Literal objek Latihan - solusi
409 Argumen
fungsi default 410 Argumen fungsi default - latihan
411 Argumen fungsi default Latihan - solusi
412 Operator istirahat
413 Operator penyebar
414 Latihan Istirahat dan Penyebaran satu
415 Latihan Istirahat dan Sebar dua
416 Latihan Istirahat dan Sebar dua - solusi
417 Kelas
418 Kelas 3
419 Kelas 4
420 Merusak
421 Penghancuran 2
422 Penghancuran 3
423 Menghancurkan 4
424 Janji dan mengambil
425 Janji dan mengambil 2
426 Janji dan mengambil 3
427 Janji dan mengambil 4
428 String dan angka
429 String dan angka 2
430 Modul
431 Modul 2
432 Modul 3
433 Generator
434 Generator 2
435 Generator 3
436 Generator 4
437 Generator 5
438 Iterasi set
439 Iterasi peta

28 Januari 2021

[C] The Modern Javascript Bootcamp Course (2021)

by Leatify on 28 Januari 0 Comment

The Modern Javascript Bootcamp Course (2021)
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 52 Hours | 19.6 GB

Sumber daya JS online terbaru! Kuasai Javascript dengan membangun portofolio proyek yang indah!
Selalu bertaruh pada Javascript!
Selama bertahun-tahun, perekrut teratas di industri telah mempekerjakan insinyur baru hanya berdasarkan pengetahuan mereka tentang Javascript. Jika Anda ingin mendapatkan pekerjaan pemrograman, inilah bahasa yang harus dipelajari! Tetapi mempelajari Javascript itu rumit! Ada sintaksis yang rumit, pola desain yang aneh, dan satu miliar sumber daya daring yang mungkin memberi Anda informasi yang salah - atau bahkan ketinggalan zaman.

Kami membuat kursus ini untuk memecahkan masalah Anda. Ini adalah sumber daya online terbaik dan terbaru untuk menjadi profesional Javascript secepat mungkin. Setiap menit kursus ini dibuat dengan satu tujuan: mengajari Anda cara menjadi insinyur yang hebat.

Modern Javascript Bootcamp (2020) berfokus pada memotong informasi yang tidak perlu dan memberi Anda fakta, jelas dan sederhana. Anda tidak akan bekerja dengan kerangka kerja yang ketinggalan zaman, mempelajari gaya pemrograman lama, atau membuat aplikasi yang membosankan. Sebaliknya, Anda hanya akan menghabiskan waktu untuk menulis kode praktis yang dapat digunakan saat ini dan di masa depan untuk proyek Anda sendiri. Anda akan belajar - sejak awal kursus - cara menulis kode yang indah dan dapat digunakan kembali yang akan dengan bangga Anda tunjukkan kepada calon pemberi kerja.

Dua instruktur terhebat Udemy - Colt Steele dan Stephen Grider - berkolaborasi untuk membuat kursus ini. Di antara kami berdua, kami telah mengajari lebih dari satu juta insinyur cara membuat program. Yakinlah, Anda akan belajar dari yang terbaik. Kami tahu betapa sulitnya memahami pemrograman baru dari awal, jadi kami merancang kursus ini untuk menawarkan pendekatan langkah demi langkah dan terjamin untuk menjadi master Javascript.

Kursus ini dibagi menjadi dua bagian. Paruh pertama kursus berfokus pada mengajarkan Anda sintaks dasar Javascript. Colt akan memandu Anda melalui topik inti dengan mudah, menyampaikan permata kebijaksanaan JS di sepanjang jalan. Paruh pertama kursus termasuk banyak latihan pemrograman dan proyek kecil, sehingga Anda dapat menguji pengetahuan yang baru Anda temukan. Masing-masing video ini dapat dengan mudah direferensikan di masa mendatang, jadi Anda selalu dapat kembali dan memoles beberapa topik kapan pun diperlukan.

Paruh kedua kursus difokuskan pada pembangunan beberapa proyek yang luar biasa. Stephen akan menunjukkan kepada Anda bagaimana membangun beberapa aplikasi Javascript yang siap untuk produksi, termasuk aplikasi web E-Commerce berfitur lengkap! Proyek-proyek ini semuanya dirancang untuk menjadi aplikasi yang benar-benar indah dan menakjubkan secara visual yang akan dengan bangga Anda tampilkan pada portofolio pribadi Anda. Tujuan utama dari proyek ini adalah untuk menyoroti pola desain, dan menunjukkan cara penulisan kode yang 'benar' dan 'salah'. Pada akhirnya, Anda akan cukup percaya diri untuk mengerjakan proyek pribadi Anda dengan cepat dan terampil.

Ini adalah kursus yang panjang, dengan hampir semua fakta tentang Javascript yang ingin Anda ketahui.

Berikut subset singkat dari topik yang akan Anda bahas:

Menguasai dasar-dasar bahasa, memahami variabel, objek, array, dan fungsi dengan mudah
Pahami cara mendesain struktur kode yang Anda tulis, yang mengarah ke program yang indah dan mudah dibaca
Manfaatkan metode bawaan Javascript untuk meningkatkan produktivitas Anda terlepas dari pustaka atau kerangka kerja apa yang Anda gunakan
Kembangkan keterampilan praktis seputar fungsi tingkat tinggi yang akan Anda gunakan untuk tahun-tahun mendatang
Amati bagaimana Javascript dan browser bekerja sama, dan bagaimana meningkatkan kinerja kode JS
Bangun proyek luar biasa untuk mengisi portofolio pribadi Anda
Buat alat baris perintah dari awal menggunakan Node JS
Ambil dan kelola informasi dari API pihak ketiga
Buat aplikasi E-Commerce berfitur lengkap dari awal - termasuk otentikasi tingkat produksi!

Ini adalah kursus Javascript terbaik. Ada banyak sumber online untuk mempelajari Javascript, tapi ini adalah satu-satunya yang mencakup semua yang perlu Anda ketahui, dari 'A' hingga 'Z', dan beberapa huruf setelah itu. Kuasai dasar-dasarnya dengan Colt, lalu buat proyek mengagumkan dengan Stephen. Kami telah mengajari jutaan teknisi lain cara membuat kode, dan sekarang giliran Anda!

Apa yang akan Anda pelajari ?

Pelajari semua yang perlu diketahui tentang Javascript - dari awal!
Buat aplikasi web yang bagus untuk ditambahkan ke portofolio Anda
Siapkan pekerjaan dengan pemahaman mendalam tentang internal JS
Bekerja dengan Node JS dan Express
Buat aplikasi E-Commerce lengkap dengan otentikasi
Otomatiskan pengujian kode Anda dengan membuat kerangka pengujian kustom Anda sendiri!
Buat game JavaScript berbasis fisika Anda sendiri
Pahami bagaimana pengembang Javascript bekerja setiap hari
Kuasai fitur JS terbaru seperti fungsi async dan panah

Daftar isi

Pendahuluan
1 Cara Kerja Kursus Ini
2 JS, ECMA, TC39 Apa Artinya
3 Alat yang Anda Butuhkan
4 Menyesuaikan VSCode & Ekstensi
5 Catatan Singkat Tentang MDN

Nilai & Variabel JS
6 Tujuan & Primitif
7 Variabel Kuis
8 Kode Berjalan di Konsol JS
9 Memperkenalkan Angka
10 NaN & Tak Terhingga
11 Kuis Angka
12 Variabel & Biarkan
13 Operator Unary
14 Memperkenalkan Const
15 Warisan Var

Cara Memodelkan Data Secara Efisien
16 Boolean Intro
17 Objek Matematika & Bilangan Acak
18 jenis operator
19 parseInt & parseFloat
20 String
21 Indeks
String 22 Metode String
23 Metode String Lainnya
24 Kuis
String 25 Karakter Escape
String 26 Literal Template String
27 Null & Undefined

Mengontrol Logika dan Aliran Program
28 Membuat Keputusan di JS
29 Nilai Truthy & Falsy
30 Logical AND (&&)
31 Logical OR ()
32 NOT Operator (!)
33 Operator Precedence
34 Pernyataan Switch
35 Operator Ternary
36 Operator Perbandingan
37 Double Equals (= =)
38 Tiga Sama Dengan (===)
39 Menjalankan Kode Dari Skrip
40 Jika Pernyataan
41 Lain Jika
42 Lain
43 Bersarang Bersyarat

Menangkap Koleksi Data dengan Array
44 Membuat Array
45 Sambungan
46 Menyortir (Bagian 1)
47 Pengenalan Jenis Referensi
48 Menggunakan Const dengan Array
49 Bekerja dengan Array Bersarang
50 Indeks Array
51 Memodifikasi Array
52 Dorong dan Pop
53 Shift dan Unshift
54 Concat
55 Termasuk dan IndexOf
56 Reverse dan Join
57 Slice

Objek - Inti dari Javascript
58 Pengenalan Objek
59 Membuat Literal Objek
60 Mengakses Properti Objek
61 Menambah dan Memperbarui Properti
62 Array & Objek Bersarang
63 Objek dan Jenis Referensi
64 Persamaan ArrayObject

The World of Loops
65 Pengantar Loops
66 Membandingkan Untuk dan Untuk… Dari
67 Untuk… Dari dengan Objek
68 Untuk… Dalam Loops
69 Untuk Loops
70 Infinite Loops!
71 Untuk Loops & Array
72 Nested For Loops
73 Intro to While Loops
74 More While Loops
75 Break Keyword
76 For… Of Intro

Menulis Kode yang Dapat Digunakan Kembali dengan Fungsi
77 Fungsi Pertama Kita!
78 Fungsi Tantangan 4 Dapatkan Kartu Bermain
79 Fungsi Gulungan Dadu
80 Memperkenalkan Argumen
81 Fungsi Dengan Beberapa Arg
82 Pernyataan Kembali
83 Lebih lanjut tentang Nilai Kembali
84 Fungsi Tantangan 1 kata sandi Validator
85 Fungsi Tantangan 2 Rata-rata
86 Fungsi Tantangan 3 Pangrams

Pengamatan Tingkat Lanjut pada Fungsi
87 Cakupan Fungsi
88 Cakupan Blok
89 Cakupan Leksikal
90 Ekspresi Fungsi
91 Fungsi Orde Lebih Tinggi
92 Fungsi sebagai Argumen
93 Fungsi sebagai Nilai Kembali
94 Callback
95 Hoisting

Menerapkan Fungsi ke Koleksi Data
96 Pengenalan ke Metode Callback Array
97 Reduce Intro
98 Reduce Pt. 2
99 Bahkan Lebih Kurangi!
100 forEach
101 Peta
102 Fungsi Panah Intro
103 Fungsi Panah Implisit Pengembalian
104 Array.find
105 Filter
106 Beberapa & Setiap
107 Revisiting Sort!

Beberapa Fitur JS Lain-lain
108 Fitur JS Baru Intro
109 Perusakan Bersarang
110 Parameter Destrukturisasi
111 Parameter Default
112 Penyebaran untuk Panggilan Fungsi
113 Penyebaran dalam Literal Array
114 Penyebaran dalam Literal Objek
115 Objek Argumen (bukan baru)
116 Parameter Istirahat (baru!)
117 Destructuring Arrays
118 Destructuring Objects

Metode Objek dan Kata Kunci 'Ini'
119 Singkatan Properti Objek
120 Membuat Pabrik Dek
121 Properti Terhitung
122 Menambahkan Metode ke Objek
123 Metode Singkatan Sintaks
124 Pendahuluan Kata Kunci INI
125 Menggunakan INI dalam Metode
126 Konteks Doa Ini
127 Demo Annoyomatic
128 Menempatkan Semuanya Setumpuk Kartu Bersama

JS Dalam Browser - Manipulasi DOM
129 Pengantar DOM
130 CATATAN PENTING HTML & CSS
131 Rasa DOM
132 Contoh DOM Menyenangkan Lain
133 Objek Dokumen
134 getElementById
135 getElementsByTagName
136 getElementsByClassName
137 querySelector & querySelectorAll

Memutar DOM Sesuai Keinginan Kami!
138 Bekerja dengan innerText & teksContent
139 Membuat Elemen
140 Tambahkan, Tambahkan, & sisipkanSebelum
141 hapus Anak & hapus
142 NBA Scores Chart Pt1.
143 NBA Scores Chart Refactor
144 innerHTML
145 value, src, href, dan lainnya
146 Memperoleh & Mengatur Atribut
147 Menemukan ParentChildrenSiblings
148 Mengubah Beberapa Elemen
149 Mengubah Gaya
150 getComputedStyle
151 Memanipulasi Kelas

Berkomunikasi dengan Acara
152 Pengenalan Acara DOM
153 Acara Masukan & Perubahan
154 Cara untuk TIDAK Menambahkan Acara
155 addEventListener
156 Demo Tombol yang Tidak Mungkin
157 Acara di Beberapa Elemen
158 Objek Acara
159 Acara Utama penekanan tombol, keyup, & turun tombol
160 Demo Permainan Koin
161 Formulir Events & PreventDefault

Kode Asinkron, Callback & Janji
162 Call Stack
163 Refactoring w Promises
164 Call Stack Debugging w Dev Tools
165 JS adalah Single Threaded
166 Bagaimana Asynchronous Callbacks Sebenarnya Bekerja
167 Selamat Datang di Callback Hell
168 Introducing Promises!
169 Mengembalikan Janji dari Fungsi
170 Menyelesaikan Penolakan dengan Nilai
171 Kenikmatan Merangkai Janji

Membuat Permintaan HTTP
172 Pendahuluan AJAX
173 JSON & XML
174 XMLHttpRequests Dasar-dasar
175 Permintaan Rangkaian XMLHttpRequests
176 A Better Way Fetch!
177 Permintaan Chaining Fetch
178 Refactoring Fetch Chains
179
Permintaan Axios Cara yang Lebih Baik 180 Permintaan Axios Berurutan

Async & Await JS Magic
181 Tinjauan Singkat Fungsi Async
182 Kata Kunci Async
183 Kata Kunci Await
184 Penanganan Kesalahan dalam Fungsi Asinkron
185 Beberapa Menunggu
186 Paralel Vs. Sequential Requests
187 Refactoring dengan Promise.all

Prototipe, Kelas, & Operator Baru
188 Apa Itu Prototipe
189 Pengantar OOP
190 Fungsi Pabrik
191 Fungsi Konstruktor
192 Kelas JS - Gula Sintaks
193 Sedikit Lebih Banyak Latihan dengan Kelas
194 Extends, Super, dan Subclass

Menggambar Animasi
195 Selamat Datang di Bagian 2!
196 Memulai dan Menjeda Timer
197 Tempat Menyimpan Data
198 Pendekatan DOM-Centric
199 Getters dan Setter
200 Menghentikan Timer
201 Memberitahu Dunia Luar
202 OnTick dan OnComplete
203 Mengekstrak Kode Timer
204 Memperkenalkan 205 SVG
Aturan dari
206 Tinjauan Aplikasi SVG
207 Lingkaran Lanjutan Properti
208 Rahasia Animasi
209 Lewat Pertama pada Animasi
210 Menghaluskan Animasi
211 Menyesuaikan dengan Interval Genap
212 Menggunakan Ikon
213 Styling dan Penutup
214 Pengaturan Proyek
215 Arsitektur Berbasis Peristiwa
216 Pelaksanaan Berbasis Kelas
217 Peristiwa Mengikat di Kelas
218 Pengingat pada 'Ini'
219 Menentukan Nilai 'Ini'
220 Memecahkan Masalah 'Ini'

Pola Desain Aplikasi
221 Ikhtisar Aplikasi
222 Menerapkan Debounce yang Dapat Digunakan Kembali
223 Mengekstrak Fungsi Utilitas
224 Menunggu Fungsi Asinkron
225 Merender Film
226 Menangani Respons yang Salah
227 Membuka Menu
228 Gaya Pembuatan Widget
229 Memindahkan Pembuatan HTML
230 Catatan Cepat
231 Memperbaiki Referensi
232 Penyetelan Starter Kit
233 Menangani Gambar Rusak
234 Secara Otomatis Menutup Dropdown
235 Menangani Respons Kosong
236 Menangani Pemilihan Film
237 Membuat Permintaan Tindak Lanjut
238 Merender Ringkasan yang
Diperluas 239 Statistik yang Diperluas
240 Masalah dengan Basis Kode
241 Membuat Autocomplete Dapat Digunakan Kembali
242 Menampilkan Beberapa Autocompletes
243 Tantangan Besar
244 Mengekstrak Logika Rendering
245 Mengekstrak Logika Seleksi
246 Menghapus Referensi Film
247 Mengkonsumsi Sumber Data Berbeda
248 Struktur HTML yang Disegarkan
249 Mencegah Duplikasi Konfigurasi
250 Menyembunyikan Tutorial
251 Menampilkan Dua Ringkasan
252 Kapan Membandingkan
253 Cara Membandingkan
254 Mengambil Data Film
255 Mengekstrak Nilai Statistik
256 Mengurai Jumlah Penghargaan
257 Menerapkan Properti yang Diurai
258 Memperbarui Gaya
259 Memperbaiki Bug Kecil
260 Penutup Aplikasi
261 Mengambil Film Tunggal
262 Desain Widget Lengkapi Otomatis
263 Mencari API pada Perubahan Input
264 Menunda Masukan Pencarian
265 Memahami Debounce

Javascript dengan Canvas API
266 Ikhtisar Aplikasi
267 Lebih Lanjut tentang Pembuatan Labirin
268 Variabel Konfigurasi
269 Pembuatan Kisi
270 Vertikal dan Horizontal
271 Abstrak Dimensi Labirin
272 Komentar Panduan
273 Koordinat Tetangga
274 Mengacak Pasangan Tetangga
275 Menentukan Arah Gerakan
276 Memperbarui Nilai Dinding Vertikal
277 Pengaturan Proyek
278 Memperbarui Nilai Dinding Horisontal
279 Memvalidasi Struktur Dinding
280 Iterasi Di Atas Dinding
281 Menggambar Segmen Horizontal
282 Menggambar Segmen Vertikal
283 Menggambar Sasaran
284 Menggambar Bola Bermain
285 Menangani Tekan Tombol
286 Menambahkan Kontrol Keyboard
287 Menonaktifkan Gravitasi
288 Terminologi Materi
289 Mendeteksi Kemenangan
290 Menambahkan Animasi Kemenangan
291 Merentangkan Kanvas
292 Memahami Variabel Unit Baru
293 Memfaktorkan Ulang untuk Labirin Persegi Panjang
294 Menambahkan Warna Isi
295 Menampilkan Pesan Sukses
296 Membuat Konten Muncul
297 Pelat Boiler Tinjauan
298 Menggambar Batas
299 Mengklik dan Menyeret
300 Membangkitkan Bentuk Acak
301 Algoritma Penghasil Labirin

Membuat Aplikasi Berbagi Pesan Rahasia
302 Ikhtisar Aplikasi
303 Menampilkan Pesan
304 Penerapan Aplikasi
305 Penyiapan Proyek
306 Penyerahan Formulir Penanganan
307 Pengkodean Base64
308 Pengkodean String yang Dimasukkan
309 Bagian dari URL
310 Membuat URL
311 Beralih Elemen Visibilitas
312 Menguraikan Pesan

Buat Alat Baris Perintah Node JS
313 JavaScript dengan Node vs Browser
314 Pola Panggilan Balik di Node
315 Fungsi Process.cwd
316 Menjalankan Program Node sebagai Executable
317 Menghubungkan Proyek
318 Apakah itu File atau Folder
319 Implementasi Awal Buggy
320 Solusi Opsional # 1
321 Solusi Berbasis
Panggilan Balik 322 Fungsi Berbasis Panggilan Balik Menggunakan Janji
323 Masalah dengan Pembacaan Berurutan
324 Menjalankan JavaScript
325 Solusi Berbasis Semua Janji
326 Log Konsol dengan Warna
327 Menerima Argumen Baris Perintah
328 Jalur
Penggabungan
329 Penutupan Aplikasi 330 Bekerja dengan Modul
331 Fungsi Node Tak Terlihat
332 Memerlukan Cache
333 File Diperlukan Sekali!
334 Debugging dengan Node
335 App Overview
336 Mengakses Modul Library Standar

Buat Anda Sendiri Project Runner
337 Ikhtisar Aplikasi
338 Berhasil!
339 Selengkapnya tentang StdIO
340 [Opsional] Selengkapnya tentang Proses Anak
341 App Wrapup
342 Project Setup
343 Big Application Challenges
344 Menonton File dengan Chokidar
345 Masalah dengan Menambahkan Peristiwa
346 Debouncing Tambahkan Peristiwa
347 Penamaan Memerlukan Pernyataan
348 Menangani Alat CLI dengan Kaporal
349 Memastikan File Ada

Project Start - Aplikasi E-Commerce
350 Tinjauan Aplikasi
351 Menerapkan Middleware Secara Global
352 Arsitektur Aplikasi
353 Package.json Scripts
354 Membuat Server Web
355 Di Balik Layar Permintaan
356 Menampilkan HTML Sederhana
357 Memahami Pengiriman Formulir
358 Mengurai Data Formulir
359 Middlewares di Express

Mendesain
Penyimpanan Data 360 Database Kustom
361 Menghapus Catatan
362 Memperbarui Catatan
363 Menambahkan Logika Pemfilteran
364 Mengekspor
Logika Validasi Pendaftaran Instance 365
366 Pendekatan Pemodelan Data Berbeda
367 Menerapkan Repositori Pengguna
368 Membuka File Data Repo
369 Refactor Kecil
370 Menyimpan Catatan
371 JSON Lebih Baik Memformat
372 Pembuatan ID Acak
373 Menemukan Menurut Id

Otentikasi Tingkat-Produksi
374 Otentikasi Berbasis Cookie
375 Menguji Aliran Penuh
376 Membuat Catatan Pengguna
377 Mengambil Sesi
378 Keluar Pengguna
379 Masuk
380 Kata Sandi Hash
381 Kata Sandi
Salting 382 Salting + Hashing Kata Sandi
383 Membandingkan Kata Sandi yang Di-hash

Menyusun Proyek Javascript
384 Struktur Proyek
385 Mengekstrak Rantai Validasi
386 Menampilkan Pesan Kesalahan
387 Validasi Sekitar Masuk
388 Validasi Kata Sandi
389 Fungsi Pembantu Template
390 Menambahkan Beberapa Gaya
391 Mengekspos Direktori Publik
392 Langkah Berikutnya
393 Rute Produk
394 Repositori Produk
395 Struktur Refactor
396 Penggunaan Kembali Kode dengan Kelas
397 Membuat Tempat Penyimpanan Produk
398 Membangun Formulir Pembuatan Produk
399 Beberapa Validasi Cepat
400 Fungsi Pembuatan
Template HTML 401 HTML Digunakan Kembali dengan Tata Letak
402 Membuat Berkas Tata Letak
403 Menambahkan Validasi Formulir yang Lebih Baik
404 Validasi vs Sanitasi
405 Menerima Output Validasi
406 Menambahkan Validator Kustom

Unggahan Gambar dan File
407 Menjelajahi Unggahan Gambar
408 Pengalihan pada Tindakan Sukses
409 Memerlukan Otentikasi
410 Pembaruan Template
411 Id di URL
412 Menerima Parameter URL
413 Menampilkan Formulir Edit
414 Memahami Formulir Mutli-Part
415 Mengakses File yang Diunggah
416 [Opsional] Metode Berbeda dari Penyimpanan Gambar
417 Menyimpan Gambar
418 Bug Middleware Halus 419 Gaya
Lebih Baik
420 Penanganan Kesalahan yang Dapat Digunakan Kembali Middleware
421 Daftar Produk

Membuat Keranjang Belanja
422 Mengedit Produk
423 Mengatasi Masalah # 1
424 Mengatasi Masalah # 2
425 Keranjang Belanja Boilerplate
426 Opsi Pengiriman
427 Membuat Keranjang, Satu Cara atau Lainnya
428 Menambahkan Item ke Keranjang
429 Menampilkan Item Keranjang
430 Membuat Daftar
431 Total keranjang Produk
432 Menghapus Cart Produk
433 Memperbaiki HandleErrors Middleware
434 Redirect Lepas
435 Ubah Bentuk Template
436 Menghapus Produk
437 Dimulai dengan Seed data
438 User-Menghadapi Produk
439 Produk Indeks
440 Penggabungan Lebih Styling
441 Memahami keranjang Belanja

Dasar-dasar Pengujian
442 Ikhtisar Pengujian
443 Mengapa Penyetelan Uji Sulit
444 Mocha di Browser
445 Menampilkan Pelengkapan Otomatis
446 Memverifikasi Status Dropdown
447 Menulis Pernyataan
448 Peristiwa DOM Palsu
449 Menahan Pernyataan
450 Menerapkan WaitFor
451 Menegaskan Catatan yang Diambil
452 Fungsi Sederhana untuk Test
453 A Implementasi Pengujian Tanpa Embel-embel
454 Test Driven Development
455 Memperbaiki Tiga Masalah
456 The Assert Module
457 Menggunakan Mocha
458 App Setup
459 Reminder di Aplikasi Ini

Membangun Kerangka Kerja Pengujian Dari Awal
460 Persyaratan Kerangka Uji
461 Menambahkan Pelaporan Dasar
462 Menambahkan Warna
463 Pemformatan Lebih Baik
464 Mengabaikan Direktori
465 Menjalankan
Aplikasi Web Berbasis Browser JS 466 Contoh Aplikasi Web
467 Mengapa JSDOM
468 Membangun Fungsi Render
469 Pernyataan Elemen HTML
470 Penerusan Salah Uji
471 Penataan Proyek
472 Masalah Kecil Lainnya
473 Penundaan Eksekusi Skrip
474 Menerapkan Penundaan
475 Memperbaiki Tes
476 Langkah-langkah Penerapan
477 Menjalankan Struktur Direktori
478 Menerapkan Luas Pencarian Pertama
479 Mengumpulkan File Uji
480 Menjalankan File Uji
481 A Quick Test Harness
482 Menerapkan 'beforeEach' dan 'it'

Bonus!
Bonus 483!

Download
Google Drive
1. Modern-Javascript.part01.rar
2. Modern-Javascript.part02.rar
3. Modern-Javascript.part03.rar
4. Modern-Javascript.part04.rar
5. Modern-Javascript.part05.rar
6. Modern-Javascript.part06.rar
7. Modern-Javascript.part07.rar
8. Modern-Javascript.part08.rar
9. Modern-Javascript.part09.rar
10. Modern-Javascript.part10.rar

27 Januari 2021

[C] Three.js Journey – The ultimate Three.js course

by Leatify on 27 Januari 0 Comment

Three.js Journey – The ultimate Three.js course
English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 33h 37m | 17.0 GB

Pernahkah Anda ingin membuat situs web 3D yang menakjubkan?
Apakah Anda seorang pemula atau pengembang yang lebih mahir,
Three.js Journey adalah satu-satunya kursus yang Anda perlukan untuk mempelajari WebGL dengan Three.js.

Apa yang akan kamu pelajari ?
Kursus ini selesai, namun dapat diakses oleh pemula. Kita akan mulai dengan menemukan apa itu WebGL dan mengapa menggunakan pustaka Three.js adalah suatu keharusan. Kami kemudian akan menemukan berbagai komponen Three.js dan setelah dasar-dasarnya diperoleh, kami akan beralih ke teknik yang lebih canggih untuk menampilkan jutaan partikel, menambahkan fisika, menambahkan interaksi, membuat galaksi, menghidupkan lautan yang mengamuk, dll.
Di akhir kursus, Anda akan memiliki pemahaman yang mendalam tentang Three.js dan pengalaman yang cukup untuk memulai proyek Anda sendiri.

Sebagai bonus, kita juga akan belajar cara menggunakan software 3D Blender untuk dapat membuat model kita sendiri.
Dasar-dasar
Buat adegan pertama Anda dan pahami dasar-dasar seperti kamera, geometri, material, tekstur.
Tambahkan panel debug untuk menyesuaikan lingkungan Anda dan menganimasikan semuanya.
Teknik klasik
Menerangi pemandangan Anda dengan berbagai lampu, mulai mempraktikkan penciptaan lingkungan, dan menciptakan jutaan partikel.
Teknik lanjutan
Tambahkan fisika ke dunia Anda sehingga objek mulai bertabrakan dan tersandung. Kemudian impor model Anda sendiri yang dibuat dengan Blender dan buat terlihat serealistis mungkin.
Shaders
Menggunakan material Three.js sangat bagus tetapi membuat milik Anda sendiri lebih baik.
Pelajari bahasa shader untuk melepaskan kekuatan sebenarnya dari WebGL dan menciptakan pengalaman yang tampak menakjubkan!
Ekstra
Menciptakan pengalaman WebGL yang keren tidak berguna jika kebanyakan komputer tidak dapat menjalankannya.
Pelajari cara memantau dan mengoptimalkan kinerja untuk mencapai frekuensi gambar terbaik.threejs-journey.xyz

Daftar isi

01 Introduction
02. What is WebGL and why using Threejs
03. Basic scene
04. Webpack
05. Transforms objects
06. Animations
07. Cameras
08. Fullscreen and resizing
09. Geometries
10. Debug UI
11. Textures
12. Materials
13. 3D Text
14. Lights
15. Shadows
16. Haunted House
17. Particles
18. Galaxy Generator
19. Raycaster
20. Physics
21. Imported models
22. Custom model with Blender
23. Realistic render
24. Shaders
25. Shader patterns
26. Raging sea
27. Animated galaxy
28. Modified materials
29. Post-processing
30. Performance tips
31. Intro and loading progress
32. Mixing HTML. and WebGLI
33. The end

Buatfox48: C Javascript

Buatfox48

31 Januari 2021

[C] React and Typescript: Build a Portfolio Project

29 Januari 2021

[C] The complete React Fullstack course ( 2021 edition )

28 Januari 2021

[C] The Modern Javascript Bootcamp Course (2021)

27 Januari 2021

[C] Three.js Journey – The ultimate Three.js course

Kotak Pencarian

Postingan Baru

All Categories

Paling Populer