Khóa Học Javascript Cho Người Mới Bắt Đầu Hậu Nguyễn

Khóa học giá hời xin hân hạnh chia sẻ Khóa Học Javadiv cho người mới bắt đầu – Hậu Nguyễn

Tóm Tắt Khóa Học:

Khóa học "Javadiv cho người mới bắt đầu – Hậu Nguyễn" là lựa chọn tốt để bắt đầu hành trình lập trình web với JavaScript. JavaScript là ngôn ngữ lập trình phổ biến nhất trên thế giới trong 20 năm qua và là một trong 3 ngôn ngữ chính trong lập trình web.

JavaScript cho phép bạn cải thiện tính năng của trang web và tạo ra ứng dụng web động, trò chơi và phần mềm. Ngôn ngữ này dễ học và có thể áp dụng cho nhiều mục đích khác nhau.

Khóa học giúp bạn tự tin xây dựng trang web động và nâng cao tính năng của trang web. Chúng tôi cũng cung cấp hàng ngàn mẫu template JavaScript và ứng dụng để bạn sử dụng ngay.

Với khóa học này, bạn sẽ học được:

Hiểu cách tiếp cận và học ngôn ngữ lập trình.

Nắm kỹ năng viết mã từ cơ bản đến phức tạp và hấp dẫn.

Hiểu các thuật ngữ thông dụng trong lập trình.

Học lập trình JavaScript/ES6 cơ bản.

Thực hiện unit test cho các hàm JavaScript.

Hiểu các khái niệm cơ bản trong lập trình.

Tạo các trò chơi bằng JavaScript như Tic tac toe, Color Matching và nhiều trò khác.

Thực hiện đồ án cuối kỳ là một trang web hoàn chỉnh hỗ trợ CRUD và gọi API lên server.

Có cơ hội nhận hỗ trợ qua nhóm chat Discord.

Hãy đăng ký ngay khóa học "Javadiv cho người mới bắt đầu" để trở thành một lập trình viên web chuyên nghiệp và mở ra nhiều cơ hội trong tương lai.

Nội dung khóa học

1. Giới thiệu khoá học

1. Giới thiệu nội dung khoá học.mp4

2. Những con số thống kê thú vị về javascript.mp4

3. Tips hay để việc học trở nên hiệu quả hơn.mp4

2. Cài đặt môi trường làm việc

1. Cài đặt code editor - VSCode.mp4

2. Cài đặt Node + Git.mp4

3. Cài đặt VSCode + Extensions.mp4

4. Cài đặt FiraCode font.mp4

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

2. Các vai trò trong dự án phần mềm.mp4

3. Thuật ngữ lập trình bạn nên biết.mp4

4. Cách học một ngôn ngữ lập trình hiệu quả.mp4

4. Làm quen với Javascript

1. Lịch sử phát triển Javascript.mp4

2. JS có thể làm được gì.mp4

3. Làm sao để thực thi code JS.mp4

4. use strict mode.mp4

5. Làm quen với syntax của Javascript.mp4

6. Cách viết comments hiệu quả.mp4

7. Reserved keywords trong Javascript.mp4

8. Variables và cách đặt tên.mp4

9. Tổng quan về operators.mp4

10. Các kiểu dữ liệu trong Javascript.mp4

11. Function và những điều cần biết.mp4

5. Làm việc với boolean

1. Tổng quan về boolean.mp4

2. Type conversion và Type coersion.mp4

3. Truthy và Falsy.mp4

4. Logical operators.mp4

5. Hack não với phép so sánh.mp4

6. Làm quen với if...else.mp4

7. Làm quen với switch...case.mp4

8. Bài tập if else 1.mp4

9. Bài tập if else 2.mp4

10. Bài tập switch case 1.mp4

11. Bài tập switch case 2.mp4

6. Làm việc với number

1. Tổng quan về number.mp4

2. Built-in object Number.mp4

3. Built-in object Math.mp4

4. Imprecise calculations.mp4

5. Rounding - Làm tròn số.mp4

6. Random number [0, n].mp4

7. Random number [a, b].mp4

8. Bài tập về toán học.mp4

9. Bài tập về kiểm tra loại number.mp4

10. Bài tập tìm max.mp4

11. Bài tập rút trích chữ số từ số.mp4

7. Làm việc với string

1. Tổng quan về string.mp4

2. String - A primitive wrapper object.mp4

3. Thao tác cơ bản với string.mp4

4. Lấy substring như thế nào.mp4

5. Tìm kiếm và thay thế.mp4

6. Split and Join.mp4

7. Bài tập - capitalize.mp4

8. Bài tập - includes.mp4

9. Bài tập - parameterize.mp4

10. Bài tập - truncate.mp4

8. Làm việc với object

1. Tổng quan về object.mp4

2. Tham trị và tham chiếu.mp4

3. Thao tác cơ bản với object.mp4

4. Duyệt keys của object.mp4

5. Bài tập làm quen object.mp4

9. Làm việc với array

1. Tổng quan về array.mp4

2. Giới thiệu Array object.mp4

3. Array destructuring.mp4

4. Clone array.mp4

5. Loop - duyệt mảng.mp4

6. Thêm xoá phần tử trong mảng.mp4

7. Kiểm tra tồn tại của phần tử.mp4

8. find() - tìm kiếm phần tử.mp4

9. find() - cài đặt bằng for...i.mp4

10. map() - biến đổi mảng.mp4

11. filter() - lọc mảng.mp4

12. sort() - sắp xếp mảng.mp4

13. reduce() - duyệt mảng và tính toán.mp4

14. reduce() - cài đặt bằng for...i.mp4

15. Bài tập - Print numbers.mp4

16. Bài tập - Find max.mp4

17. Bài tập - Từ dài nhất.mp4

10. Học viết Unit Test đơn giản

1. Tổng quan về unit test.mp4

2. Setup Jest framework.mp4

3. Cấu trúc của file unit test.mp4

4. Các matcher thông dụng.mp4

5. Viết unit test cho classifyStudent.mp4

6. Viết unit test cho hàm checkIfAllEven.mp4

11. Bài tập lập trình cơ bản

1. Hướng dẫn làm bài tập.mp4

2. Bài tập mẫu - Tính S(n).mp4

4. Bài tập - số tăng dần (number-01).mp4

5. Bài tập - thống kê từ trong câu (string-02).mp4

6. Bài tập - Kiểm tra có học sinh nữ tên Alice không (array-check-07).mp4

7. Bài tập - Tìm kiếm student theo id cho trước (array-find-09).mp4

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

9. Bài tập - Đếm số lượng unique numbers (array-count-04).mp4

10. Bài tập - Tính tổng tiền giỏ hàng (array-sum-04).mp4

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

12. Bài tập - Tìm số xuất hiện nhiều nhất (logic-04).mp4

12. Cấu trúc dữ liệu cơ bản

1. Tổng quan về data structure.mp4

2. Tổng quan về Linked List.mp4

3. Cài đặt Linked List - Tạo và in list.mp4

4. Cài đặt Linked List - Phương thức phổ biến.mp4

10. Cài đặt Linked List - Insert.mp4

11. Cài đặt Linked List - Remove.mp4

12. Cài đặt Linked List - Some vs Every.mp4

13. Stack vs Queue.mp4

14. Cài đặt Stack.mp4

15. Cài đặt Queue.mp4

16. JS built-in object Map.mp4

17. JS built-in object Set.mp4

22. Tổng quan về Binary Tree.mp4

23. Tất tần tật về recursion.mp4

24. BST - Insert.mp4

25. BST - Một số hàm hỗ trợ.mp4

26. BST - Breadth First Traversal (BFS).mp4

27. BST - Depth First Traversal (DFS).mp4

28. BST - Remove.mp4

13. Giải thuật cơ bản

1. Tổng quan về giải thuật.mp4

2. Thuật toán tìm kiếm - SEARCH.mp4

3. Thuật toán sắp xếp - Bubble Sort.mp4

4. Thuật toán sắp xếp - Quick Sort.mp4

6. Sắp xếp ứng dụng trong thực tế.mp4

14. ES6 và một số concepts trong Javascript

1. Strict mode.mp4

2. Scope.mp4

3. Hoisting.mp4

5. IIFE - Immediately Invoked Function Expression.mp4

6. Closures.mp4

7. Một số lưu ý về function.mp4

8. ES6 - Enhanced object properties.mp4

9. this in javascript.mp4

10. bind, call and apply.mp4

11. Iteration protocol.mp4

15. ECMAScript features theo từng năm

2. Tổng quan về ECMAScript.mp4

3. ECMAScript 2016.mp4

4. ECMAScript 2017.mp4

5. ECMAScript 2018.mp4

6. ECMAScript 2019.mp4

7. ECMAScript 2020.mp4

8. ECMAScript 2021.mp4

16. Lập trình bất đồng bộ

1. Tổng quan về lập trình bất đồng bộ.mp4

3. setTimeout().mp4

4. Debounce technique.mp4

5. Throttle technique.mp4

6. setTimeout() with this.mp4

7. setInterval().mp4

8. Event loop.mp4

10. Ajax.mp4

11. Promise.mp4

12. fetch().mp4

14. CSP and CORS.mp4

15. async function.mp4

17. JSON.mp4

17. API and Postman

1. API documentation.mp4

2. Cách sử dụng APIs.mp4

4. Postman cơ bản.mp4

18. Browser and Web APIs

2. Giới thiệu về browser.mp4

3. Browser components.mp4

4. Web APIs.mp4

5. Browser URL.mp4

6. What happens when you visit a website.mp4

7. Console API.mp4

8. Storage API.mp4

9. Browser Network.mp4

19. Làm việc với DOM

1. Tổng quan về DOM.mp4

2. Cấu trúc cây DOM.mp4

3. Document and Element Interface.mp4

4. Query DOM.mp4

5. Add JS to HTML.mp4

6. DOM Traversal.mp4

7. Create new Element.mp4

8. textContent, innerText and innerHTML.mp4

9. Update element (attrs, class, styles, dataset).mp4

10. Remove element.mp4

11. Clone element.mp4

12. Render complex item.mp4

13. Introduction to Events.mp4

14. Todo actions (mark as done and remove).mp4

16. Data persist when reloading.mp4

18. Capturing and Bubbling.mp4

19. Browser default actions.mp4

20. Create todo.mp4

21. Update todo p1.mp4

22. Update todo p2.mp4

24. Search todo.mp4

25. Filter todo.mp4

27. Persist filters.mp4

20. Làm game tic-tac-toe

1. Demo game tic-tac-toe.mp4

2. Viết selectors cho game elements.mp4

3. Push code lên Github và bật Github Pages.mp4

4. Handle cell click.mp4

6. Implement checkGameStatus.mp4

7. Integrate win logic.mp4

8. Handle replay button click.mp4

9. Event delegation.mp4

10. Deploy to Vercel.mp4

21. Làm game color matching

1. Color Matching demo.mp4

2. Markup explains.mp4

3. Random 8 pairs of colors.mp4

4. Bind colors to li elements.mp4

5. Integrate game logic.mp4

6. Handle play again click.mp4

8. Add timer.mp4

9. Fix race condition issue and deploy.mp4

22. Post UI - Setup and Home Page

1. Demo final project.mp4

2. Node Package Manager.mp4

3. Module Bundler.mp4

4. Setup vanilla js project using ViteJS.mp4

5. Config multi-page for ViteJS.mp4

6. public folder and CDN cache.mp4

7. from Git to Vercel.mp4

8. Setup UI Template.mp4

9. Add Carousel section.mp4

10. API module overview.mp4

11. Setup axiosClient.mp4

12. Setup API file.mp4

13. Per-request config.mp4

14. Interceptors.mp4

15. Handle API errors.mp4

16. Tree shaking.mp4

17. Render Post List.mp4

18. dayjs - fallback image - truncate desc.mp4

19. Pagination - bind click event.mp4

20. Pagination - Disable page links.mp4

21. Pagination - refetch data on page change.mp4

22. Search Posts with debounce.mp4

23. Refactor make code connected.mp4

24. Refactor smart and dump function.mp4

23. Post UI - Detail Page

1. Post detail demo.mp4

2. Redirect to Post detail page on click.mp4

3. Fetch API and render details.mp4

4. Lightbox - Handle image click (event delegation).mp4

5. Lightbox - Show modal.mp4

6. Lightbox - PrevNext.mp4

7. Fix CLS (Cumulative Layout Shift).mp4

24. Post UI - Add Edit Post Page

1. Giới thiệu UI và flow của trang Add Edit Post.mp4

2. Handle edit click.mp4

3. Mode Add or Edit.mp4

4. Inititalize form values.mp4

5. Get form values on submit.mp4

6. Client và Server Validation.mp4

7. HTML5 form validation (built-in).mp4

8. valid và invalid pseudo class.mp4

9. Mobile keyboard input.mp4

10. Constraint Validation API.mp4

11. Custom Error Message.mp4

12. Yup basics.mp4

13. Yup - Custom logic with test().mp4

14. Yup - Validate retype password.mp4

15. Yup - Validate theo điều kiện với when().mp4

16. Yup - Handle sai kiểu dữ liệu với typeError().mp4

17. Áp dụng yup với dự án để hỗ trợ phần validation.mp4

18. Handle form submission.mp4

19. Add toast message lib.mp4

20. Ngăn chặn submission liên tục.mp4

21. Random image với picsum.photos.mp4

22. Image Source UI.mp4

24. Show Hide control tương ứng với radio option.mp4

25. Preview image khi chọn image.mp4

26. Conditional Validation.mp4

27. Validate file size.mp4

28. Submit form-data để upload image.mp4

29. Validation on change.mp4

30. Remove post.mp4

Cảm ơn bạn vì đã chăm chỉ học tập. Khóa học giá hời xin chúc bạn học tập tốt và áp dụng hiệu quả những kiến thức đã học để tạo ra thêm nhiều giá trị cho bản thân, tổ chức, cộng đồng và xã hội nhé!