[Last updated 4/2023] Javascript cho người mới bắt đầu (Udemy – Hậu Nguyễn)
About Course
Views
:
What you’ll learn:
Cách tiếp cận và học một ngôn ngữ lập trình
Kĩ năng viết code, từ code được, code đúng cho tới code đẹp
Lập trình Javascript/ES6 cơ bản
Các thuật ngữ phổ biến trong ngành lập trình
Hướng dẫn viết unit test cho các hàm trong javascript
Các giải thuật cơ bản trong lập trình
Làm đồ án cuối kỳ là một website hoàn chỉnh có hỗ trợ CRUD và gọi API lên server
Cho phép tải file tài liệu sử dụng trong video để dễ dàng xem lại sau này
Có nhóm chat discord hỗ trợ trong quá trình học
Làm các game viết thuần bằng javascript như: Tic tac toe, Color Matching, …
Time video:
56.5 hours (293 Lessons + Documents)
Teacher:
Hau Nguyen
Total weight:
31.46 GB
Original link:
https://www.udemy.com/course/javascript-cho-nguoi-moi-bat-dau-2021/
Link :
Below The Post
:
Course Content
20. Làm game tic-tac-toe
-
1. Demo game tic-tac-toe.mp4
07:10 -
2. Viết selectors cho game elements.mp4
18:31 -
3. Push code lên Github và bật Github Pages.mp4
13:31 -
4. Handle cell click.mp4
17:42 -
6. Implement checkGameStatus.mp4
22:54 -
7. Integrate win logic.mp4
20:13 -
8. Handle replay button click.mp4
13:17 -
9. Event delegation.mp4
15:57 -
10. Deploy to Vercel.mp4
08:54
9. Làm việc với array
-
9. find() – cài đặt bằng for…i.mp4
16:39 -
17. Bài tập – Từ dài nhất.mp4
06:43 -
16. Bài tập – Find max.mp4
08:29 -
15. Bài tập – Print numbers.mp4
07:22 -
14. reduce() – cài đặt bằng for…i.mp4
20:23 -
13. reduce() – duyệt mảng và tính toán.mp4
11:32 -
12. sort() – sắp xếp mảng.mp4
14:54 -
11. filter() – lọc mảng.mp4
09:21 -
10. map() – biến đổi mảng.mp4
15:10 -
1. Tổng quan về array.mp4
10:59 -
8. find() – tìm kiếm phần tử.mp4
11:05 -
7. Kiểm tra tồn tại của phần tử.mp4
16:15 -
6. Thêm xoá phần tử trong mảng.mp4
12:28 -
5. Loop – duyệt mảng.mp4
17:00 -
4. Clone array.mp4
08:42 -
3. Array destructuring.mp4
06:42 -
2. Giới thiệu Array object.mp4
11:56
8. Làm việc với object
-
1. Tổng quan về object.mp4
10:16 -
2. Tham trị và tham chiếu.mp4
13:16 -
3. Thao tác cơ bản với object.mp4
11:04 -
4. Duyệt keys của object.mp4
03:26 -
5. Bài tập làm quen object.mp4
10:23
7. Làm việc với string
-
1. Tổng quan về string.mp4
09:25 -
2. String – A primitive wrapper object.mp4
10:56 -
3. Thao tác cơ bản với string.mp4
08:16 -
4. Lấy substring như thế nào.mp4
08:00 -
5. Tìm kiếm và thay thế.mp4
05:07 -
6. Split and Join.mp4
05:10 -
7. Bài tập – capitalize.mp4
06:12 -
8. Bài tập – includes.mp4
05:18 -
9. Bài tập – parameterize.mp4
07:24 -
10. Bài tập – truncate.mp4
07:09
6. Làm việc với number
-
1. Tổng quan về number.mp4
14:49 -
2. Built-in object Number.mp4
17:30 -
3. Built-in object Math.mp4
05:51 -
4. Imprecise calculations.mp4
08:11 -
5. Rounding – Làm tròn số.mp4
04:36 -
6. Random number [0, n].mp4
08:35 -
7. Random number [a, b].mp4
06:43 -
8. Bài tập về toán học.mp4
06:41 -
9. Bài tập về kiểm tra loại number.mp4
10:53 -
10. Bài tập tìm max.mp4
14:03 -
11. Bài tập rút trích chữ số từ số.mp4
09:22
5. Làm việc với boolean
-
1. Tổng quan về boolean.mp4
07:31 -
2. Type conversion và Type coersion.mp4
10:57 -
3. Truthy và Falsy.mp4
08:55 -
4. Logical operators.mp4
15:12 -
5. Hack não với phép so sánh.mp4
22:59 -
6. Làm quen với if…else.mp4
09:54 -
7. Làm quen với switch…case.mp4
08:28 -
8. Bài tập if else 1.mp4
14:33 -
9. Bài tập if else 2.mp4
17:19 -
10. Bài tập switch case 1.mp4
07:58 -
11. Bài tập switch case 2.mp4
10:29
4. Làm quen với Javascript
-
1. Lịch sử phát triển Javascript.mp4
11:17 -
2. JS có thể làm được gì.mp4
03:31 -
3. Làm sao để thực thi code JS.mp4
09:31 -
4. use strict mode.mp4
04:42 -
5. Làm quen với syntax của Javascript.mp4
08:33 -
6. Cách viết comments hiệu quả.mp4
09:42 -
7. Reserved keywords trong Javascript.mp4
03:28 -
8. Variables và cách đặt tên.mp4
12:03 -
9. Tổng quan về operators.mp4
12:40 -
10. Các kiểu dữ liệu trong Javascript.mp4
08:10 -
11. Function và những điều cần biết.mp4
11:08
3. Tổng quan về thế giới lập trình
-
1. Kiến trúc của một hệ thống phần mềm.mp4
07:07 -
2. Các vai trò trong dự án phần mềm.mp4
09:57 -
3. Thuật ngữ lập trình bạn nên biết.mp4
16:13 -
4. Cách học một ngôn ngữ lập trình hiệu quả.mp4
13:03
24. Post UI – Add Edit Post Page
-
15. Yup – Validate theo điều kiện với when().mp4
05:25 -
30. Remove post.mp4
14:10 -
29. Validation on change.mp4
12:37 -
28. Submit form-data để upload image.mp4
15:54 -
27. Validate file size.mp4
11:34 -
26. Conditional Validation.mp4
16:33 -
25. Preview image khi chọn image.mp4
11:27 -
24. Show Hide control tương ứng với radio option.mp4
10:21 -
22. Image Source UI.mp4
05:43 -
21. Random image với picsum.photos.mp4
11:03 -
20. Ngăn chặn submission liên tục.mp4
13:16 -
19. Add toast message lib.mp4
13:07 -
18. Handle form submission.mp4
17:37 -
17. Áp dụng yup với dự án để hỗ trợ phần validation.mp4
14:56 -
16. Yup – Handle sai kiểu dữ liệu với typeError().mp4
04:06 -
1. Giới thiệu UI và flow của trang Add Edit Post.mp4
11:09 -
14. Yup – Validate retype password.mp4
05:36 -
13. Yup – Custom logic with test().mp4
06:25 -
12. Yup basics.mp4
12:57 -
11. Custom Error Message.mp4
18:56 -
10. Constraint Validation API.mp4
13:10 -
9. Mobile keyboard input.mp4
08:39 -
8. valid và invalid pseudo class.mp4
07:45 -
7. HTML5 form validation (built-in).mp4
11:31 -
6. Client và Server Validation.mp4
07:28 -
5. Get form values on submit.mp4
13:31 -
4. Inititalize form values.mp4
15:08 -
3. Mode Add or Edit.mp4
08:10 -
2. Handle edit click.mp4
14:29
23. Post UI – Detail Page
-
1. Post detail demo.mp4
04:07 -
2. Redirect to Post detail page on click.mp4
04:45 -
3. Fetch API and render details.mp4
18:21 -
4. Lightbox – Handle image click (event delegation).mp4
14:11 -
5. Lightbox – Show modal.mp4
18:02 -
6. Lightbox – PrevNext.mp4
12:17 -
7. Fix CLS (Cumulative Layout Shift).mp4
08:51
22. Post UI – Setup and Home Page
-
13. Per-request config.mp4
12:30 -
24. Refactor smart and dump function.mp4
23:44 -
23. Refactor make code connected.mp4
07:31 -
22. Search Posts with debounce.mp4
14:49 -
21. Pagination – refetch data on page change.mp4
14:24 -
20. Pagination – Disable page links.mp4
11:38 -
19. Pagination – bind click event.mp4
18:49 -
18. dayjs – fallback image – truncate desc.mp4
15:52 -
17. Render Post List.mp4
19:12 -
16. Tree shaking.mp4
15:57 -
15. Handle API errors.mp4
20:55 -
14. Interceptors.mp4
14:28 -
1. Demo final project.mp4
05:24 -
12. Setup API file.mp4
19:31 -
11. Setup axiosClient.mp4
17:54 -
10. API module overview.mp4
11:06 -
9. Add Carousel section.mp4
18:15 -
8. Setup UI Template.mp4
18:25 -
7. from Git to Vercel.mp4
12:54 -
6. public folder and CDN cache.mp4
13:04 -
5. Config multi-page for ViteJS.mp4
08:17 -
4. Setup vanilla js project using ViteJS.mp4
13:48 -
3. Module Bundler.mp4
27:20 -
2. Node Package Manager.mp4
21:03
21. Làm game color matching
-
1. Color Matching demo.mp4
08:53 -
2. Markup explains.mp4
07:19 -
3. Random 8 pairs of colors.mp4
18:04 -
4. Bind colors to li elements.mp4
11:26 -
5. Integrate game logic.mp4
26:32 -
6. Handle play again click.mp4
13:58 -
8. Add timer.mp4
19:59 -
9. Fix race condition issue and deploy.mp4
09:25
1. Giới thiệu khoá học
-
11:05
-
07:04
-
3. Tips hay để việc học trở nên hiệu quả hơn.mp4
04:43
2. Cài đặt môi trường làm việc
-
1. Cài đặt code editor – VSCode.mp4
04:25 -
2. Cài đặt Node + Git.mp4
14:50 -
3. Cài đặt VSCode + Extensions.mp4
07:16 -
4. Cài đặt FiraCode font.mp4
04:48
19. Làm việc với DOM
-
12. Render complex item.mp4
16:22 -
27. Persist filters.mp4
23:55 -
25. Filter todo.mp4
10:33 -
24. Search todo.mp4
19:28 -
22. Update todo p2.mp4
22:02 -
21. Update todo p1.mp4
13:45 -
20. Create todo.mp4
21:42 -
19. Browser default actions.mp4
08:23 -
18. Capturing and Bubbling.mp4
17:30 -
16. Data persist when reloading.mp4
18:52 -
14. Todo actions (mark as done and remove).mp4
21:06 -
13. Introduction to Events.mp4
16:10 -
1. Tổng quan về DOM.mp4
14:56 -
11. Clone element.mp4
09:52 -
10. Remove element.mp4
10:32 -
9. Update element (attrs, class, styles, dataset).mp4
17:26 -
8. textContent, innerText and innerHTML.mp4
17:06 -
7. Create new Element.mp4
16:16 -
6. DOM Traversal.mp4
16:07 -
5. Add JS to HTML.mp4
17:31 -
4. Query DOM.mp4
18:56 -
3. Document and Element Interface.mp4
14:25 -
2. Cấu trúc cây DOM.mp4
14:10
18. Browser and Web APIs
-
2. Giới thiệu về browser.mp4
12:04 -
3. Browser components.mp4
15:28 -
4. Web APIs.mp4
17:39 -
5. Browser URL.mp4
19:46 -
6. What happens when you visit a website.mp4
08:33 -
7. Console API.mp4
16:39 -
8. Storage API.mp4
18:07 -
9. Browser Network.mp4
11:21
17. API and Postman
-
1. API documentation.mp4
16:56 -
2. Cách sử dụng APIs.mp4
14:36 -
4. Postman cơ bản.mp4
19:01
16. Lập trình bất đồng bộ
-
1. Tổng quan về lập trình bất đồng bộ.mp4
18:25 -
3. setTimeout().mp4
19:12 -
4. Debounce technique.mp4
16:22 -
5. Throttle technique.mp4
16:38 -
6. setTimeout() with this.mp4
14:57 -
7. setInterval().mp4
11:43 -
8. Event loop.mp4
20:52 -
10. Ajax.mp4
19:26 -
11. Promise.mp4
21:36 -
12. fetch().mp4
23:29 -
14. CSP and CORS.mp4
14:54 -
15. async function.mp4
11:52 -
17. JSON.mp4
09:20
15. ECMAScript features theo từng năm
-
2. Tổng quan về ECMAScript.mp4
17:44 -
3. ECMAScript 2016.mp4
07:35 -
4. ECMAScript 2017.mp4
16:22 -
5. ECMAScript 2018.mp4
13:31 -
6. ECMAScript 2019.mp4
13:47 -
7. ECMAScript 2020.mp4
18:21 -
8. ECMAScript 2021.mp4
15:15
14. ES6 và một số concepts trong Javascript
-
1. Strict mode.mp4
11:59 -
2. Scope.mp4
20:55 -
3. Hoisting.mp4
20:19 -
5. IIFE – Immediately Invoked Function Expression.mp4
10:49 -
6. Closures.mp4
14:35 -
7. Một số lưu ý về function.mp4
22:23 -
8. ES6 – Enhanced object properties.mp4
15:16 -
9. this in javascript.mp4
15:16 -
10. bind, call and apply.mp4
13:18 -
11. Iteration protocol.mp4
15:45
13. Giải thuật cơ bản
-
1. Tổng quan về giải thuật.mp4
17:40 -
2. Thuật toán tìm kiếm – SEARCH.mp4
14:22 -
3. Thuật toán sắp xếp – Bubble Sort.mp4
15:24 -
4. Thuật toán sắp xếp – Quick Sort.mp4
23:30 -
6. Sắp xếp ứng dụng trong thực tế.mp4
12:54
12. Cấu trúc dữ liệu cơ bản
-
15. Cài đặt Queue.mp4
09:15 -
28. BST – Remove.mp4
15:14 -
27. BST – Depth First Traversal (DFS).mp4
06:44 -
26. BST – Breadth First Traversal (BFS).mp4
07:26 -
25. BST – Một số hàm hỗ trợ.mp4
15:14 -
24. BST – Insert.mp4
19:19 -
23. Tất tần tật về recursion.mp4
21:04 -
22. Tổng quan về Binary Tree.mp4
13:50 -
17. JS built-in object Set.mp4
14:39 -
16. JS built-in object Map.mp4
20:07 -
1. Tổng quan về data structure.mp4
08:04 -
14. Cài đặt Stack.mp4
09:19 -
13. Stack vs Queue.mp4
09:34 -
12. Cài đặt Linked List – Some vs Every.mp4
07:18 -
11. Cài đặt Linked List – Remove.mp4
16:31 -
10. Cài đặt Linked List – Insert.mp4
17:49 -
4. Cài đặt Linked List – Phương thức phổ biến.mp4
16:03 -
3. Cài đặt Linked List – Tạo và in list.mp4
14:03 -
2. Tổng quan về Linked List.mp4
18:49
11. Bài tập lập trình cơ bản
-
1. Hướng dẫn làm bài tập.mp4
16:54 -
2. Bài tập mẫu – Tính S(n).mp4
11:05 -
4. Bài tập – số tăng dần (number-01).mp4
25:08 -
5. Bài tập – thống kê từ trong câu (string-02).mp4
12:09 -
6. Bài tập – Kiểm tra có học sinh nữ tên Alice không (array-check-07).mp4
16:53 -
7. Bài tập – Tìm kiếm student theo id cho trước (array-find-09).mp4
09:03 -
8. Bài tập – Tìm tất cả các số có chữ số đầu tiên là số lẻ (array-filter-06).mp4
13:10 -
9. Bài tập – Đếm số lượng unique numbers (array-count-04).mp4
11:24 -
10. Bài tập – Tính tổng tiền giỏ hàng (array-sum-04).mp4
07:26 -
11. Bài tập – Tìm tất cả mảng con có số dương chẳn liên tiếp (array-subarr-04).mp4
13:35 -
12. Bài tập – Tìm số xuất hiện nhiều nhất (logic-04).mp4
10:02
10. Học viết Unit Test đơn giản
-
1. Tổng quan về unit test.mp4
09:45 -
2. Setup Jest framework.mp4
13:53 -
3. Cấu trúc của file unit test.mp4
10:43 -
4. Các matcher thông dụng.mp4
09:14 -
5. Viết unit test cho classifyStudent.mp4
17:13 -
6. Viết unit test cho hàm checkIfAllEven.mp4
11:47