Javascript – Một ngôn ngữ lập trình bật cao, có thể làm được mọi thứ trên đời từ web, mobile, IOT, AI… Đa dụng là vậy, nhưng để hiểu và vận dụng được JS không phải là chuyện dễ. Trong quá trình làm việc và mentor cho nhiều bạn trong team thì mình nhận ra là nhiều anh em học JS rất sơ sài và chủ quan. Học được vài câu lệnh cơ bản đã nhảy sang học các framework khác như React, Vue, Angular để rồi khi gặp những vấn đề đơn giản của Javascript thì không biết cách giải quyết, phải đi học lại từ đầu, rất chi là cực và tốn thời gian.

Hiểu được điều này, mình quyết định triển khai một khóa học Javascript online từ căn bản đến nâng cao giúp mọi người làm chủ được ngôn ngữ Javascript. Với khóa học này mình cam đoan trình độ của bạn sẽ lên rất nhanh, nắm vững các khái niệm lập trình với Javascript. Chưa hết, mình còn xen kẻ các kiến thức về tư duy lập trình, thuật toán, cách giải quyết vấn đề cũng như cách tự học hiệu quả. Nếu học nghiêm túc và chăm chỉ, trình độ JS của mọi người có thể vượt qua các anh chị 1-2 năm kinh nghiệm ngoài kia.

Về tác giả

Dư Thanh Được

Mình tên là Được, hiện đang là một Front-End Developer. Nếu các bạn thường xuyên sinh hoạt trên các group facebook liên quan đến lập trình Front-End, Javascript, React thì chắc cũng không xa lạ gì mình. Mình cũng là founder của trang Xdevclass mà bạn đang đọc. Mình có sở thích viết blog chia sẽ kiến thức cho mọi người.

Đọc thêm bài báo về mình trên báo kinh tế Cafebiz: Dân lập trình kiếm tiền “ngon ơ” như thế nào: Sinh viên năm 3 ĐH Bách khoa Đà Nẵng viết 1 đoạn code trong 2 giờ, kiếm 1.000 USD sau 3 ngày

Các kiến thức mình chia sẽ trên các kênh Social Media hay blog này đều là phi lợi nhuận và được mình đầu tư rất kỹ lưỡng về mặt nội dung. Gần đây mình còn cho ra Series học Javascript siêu tốcWebpack siêu tốc hoàn toàn miễn phí, giúp các bạn học nhanh các kiến thức quan trọng của JS mà không tốn quá nhiều thời gian. Nếu bạn có tinh thần ham h ọc hỏi và khả năng tự học tốt thì mình tin thông qua blog của mình thì trình độ JS của bạn cũng lên rất nhanh rồi.

Nhưng khuyết điểm của việc tự học là bạn sẽ tự mình làm mọi thứ, tự tìm tòi và giải quyết vấn đề, đôi khi không biết cách làm có chuẩn có tối ưu chưa. Việc tự học cũng sẽ tốn khá nhiều thời gian, nhưng công nghệ thì thay đổi rất nhanh chóng, nếu dừng chân một chỗ quá lâu sẽ làm bạn dễ bị nản và cảm giác tụt hậu so với anh em dev ngoài kia.

Vì thế nếu bạn muốn tăng tốc quá trình học Javascript, muốn có một lộ trình học đúng đắn và chuẩn nhất, có một người chỉ dẫn và trả lời những thắc mắc của bạn thì đây sẽ là khóa học mà bạn cần.

Bạn sẽ nhận được những gì

  • Nắm vững được các kiến thức nền tảng của Javascript đủ để bạn có thể học thêm bất kỳ các framework nâng cao như React, Angular, Vue
  • Code sấp mặt với các bài tập, dự án thực tế, không lý thuyết lan man
  • Thực hành với hơn 10 project thực tế với Javascript thuần
  • Làm chủ DOM mà không cần dùng bất cứ thư viện JS nào như jQuery
  • Lập trình bất đồng bộ với callback, Promise, Async Await, Ajax, Fetch API
  • Lập trình hướng đối tượng với ES5 prototype và ES6 class
  • Học về các Javascript Pattern
  • Học về Regular expressions, xử lý lỗi, LocalStorage
  • Học về Webpack cũng như các node module
  • Học về tư duy giải thuật, cách giải quyết vấn đề, cách tự học đúng đắn giúp bạn nhanh tiến bộ
  • Làm chủ được VS Code, các phím tắt, thủ thuật giúp tăng tốc quá trình code
  • Có bài tập sau các buổi học, hỗ trợ đánh giá, review code và giải đáp các vấn đề mà học viên gặp phải.
  • Có video lưu lại sau mỗi buổi học giúp bạn có thể xem lại bất cứ lúc nào.
  • Ngoài ra còn có rất nhiều kiến thức khác đang chờ đợi bạn trong khóa học này.

Nội dung học tập

1. Giới thiệu & Cài đặt môi trường lập trình

  1. Giới thiệu khóa học.
  2. Project files và câu hỏi.
  3. VS Code setup

2. Các kiến thức nền tảng cốt lõi về Javascript ES6

  1. File setup: Hướng dẫn setup file index.html, app.js, mở bằng extension
  2. Sử dụng console: Cách sử dụng các câu lệnh console và thực hiện trên devtool
  3. var, let, const: hoisting, scope
  4. Kiểu dữ liệu: các kiểu dữ liệu, typeof và tham trị, tham chiếu
  5. Toán tử
  6. Câu lệnh điều kiện: if else, switch case
  7. Vòng lặp
  8. Function: Các loại khai báo function
  9. Function nâng cao: HOF
  10. call, apply, bind
  11. Number và method
  12. String và method
  13. Array và method
  14. Object và method
  15. Date time
  16. Object window
  17. alert, confirm, prompt

3. DOM và sự kiện

  1. DOM là gì
  2. Select 1 element
  3. Select nhiều element
  4. Sơ lược về các phương thức hay dùng với DOM
  5. Tạo element
  6. Xóa và thay thế element
  7. Các sự kiện với chuột (mouse event)
  8. Các sự kiện với bàn phím (keyboard event)
  9. Application Storage (Local Storage và Cookie)

4. DOM project

  1. Project mô phỏng tính năng Tab tương tự Bootstrap
  2. Project tính lãi suất vay ngân hàng
  3. Project game kéo búa bao
  4. Project Todo

5. Xử lý lỗi và Regex

  1. Try catch
  2. Custom Error
  3. Regex: Evaluation functions
  4. Regex: Metacharacter Symbols
  5. Regex: Character Sets & Quantifiers
  6. Regex: Shorthand character classes
  7. Project Validate Form

6. OOP Javascript

  1. Property flags and descriptors Object
  2. Property getters and setters Object
  3. Prototypal inheritance
  4. F.prototype
  5. Native prototypes
  6. Prototype methods, objects without proto
  7. Cú pháp class căn bản
  8. Class kế thừa
  9. Thuộc tính và phương thức static
  10. Thuộc tính private và protected
  11. Kiểm tra class với “instanceof”

7. OOP Project

  1. Project quản lý sinh viên với Prototype
  2. Project quản lý sinh viên với class

8. Bất đồng bộ

  1. Callback
  2. Promise
  3. Promise chaining
  4. Xử lý lỗi với Promise
  5. Một số pattern cần tránh
  6. Promise API
  7. Async Await

9. Ajax, Fetch API

  1. Ajax là gì
  2. XMLHttpRequest
  3. Fetch

10. API Project

  1. Project tạo thư viện HTTP (3 phiên bản – Callback /Promise / Async & Await)
  2. Project Github Search

11. Một số tính năng mới khác của ES5, ES6

  1. Iterators & Generators
  2. Project mini Tinder
  3. Symbols
  4. Destructuring, Rest Parameters, and Spread Syntax
  5. ES6 Maps
  6. ES6 Sets

12. Javascript pattern

  1. Pattern là gì, tại sao lại dùng pattern
  2. Module và Revealing Module Pattern
  3. ES6 Module Pattern
  4. Single pattern
  5. Factory pattern
  6. Decorator pattern
  7. Observer Pattern

13. Project sử dụng Javascript pattern

Project Money lover

14. Blog management project – Webpack, babel

Yêu cầu

Có kiến thức căn bản về HTML / CSS

Học phí và cách thức đăng ký

Vì học phí sẽ được cập nhật theo mỗi dịp sale nên mọi người vào link này và nhấn Đăng ký nhé: https://www.duthanhduoc.com/course/javascript

Câu hỏi thường gặp

Câu hỏi

Khóa học này phù hợp với ai: Phù hợp với tất cả mọi người dù bạn là sinh viên theo ngành IT hay các bạn chuyển ngành, chỉ cần có kiến thức cơ bản về HTML / CSS là sẽ học được. Các bạn đã học về Javascript rồi nhưng vẫn chưa vững, muốn ôn luyện lại JS để học tiếp các Framework nâng cao khác thì đây là khóa học không thể bỏ qua.

Khóa này có dạy HTML / CSS không: Vì mình muốn khi học khóa học này, bạn chỉ chú tâm vào Javascript nên mình cũng không đầu tư vào css sao cho đẹp (mình sẽ dùng thư viện css cho nhanh) và không dạy lại HTML / CSS.

Học xong khóa này tôi có thể làm được gì: Học xong khóa này bạn có kiến thức vững chắc về ngôn ngữ Javascript, từ đó có thể tự làm các sự kiện phức tạp trên website như validate form, DOM, Fetch API. Không chỉ về ngôn ngữ, mình còn dạy bạn về tư duy thuật toán tối ưu, cách giải quyết vấn đề hiệu quả – những thứ mà không có ở những khóa học ngoài kia.
Học xong khóa này rồi có đủ kiến thức để học React không: Xong khóa này bạn hoàn toàn có đủ kiến thức để học bất cứ framework JS nào, có thể là React, Vue, Angular hay NodeJs cho Back-End nữa.

Học xong khóa này có xin việc được không: Theo mình để bạn trở thành 1 Front-End developer thì có 3 giai đoạn: Học HTML / CSS, Học Javascript, Học Framewrok JS như React, Vue, Angular. Và học xong khóa này thì bạn đang ở giai đoạn thứ 2. Nếu bạn học tốt HTML / CSS thì vẫn có những công ty ngoài kia chấp nhận cho bạn thực tập và làm việc, nhưng theo cá nhân mình thì với kiến thức JS vững như thế này, bạn nên đầu tư học thêm 1 Framework JS nữa để chắc chắn và tự tin hơn.

Có bài tập hay không: Chắc chắn là có. Trong các buổi dạy mình sẽ lồng các bài tập vào cho các bạn đỡ nhàm chán, các bạn chỉ cần làm lại bài trên lớp học là rất ổn rồi. Nếu các bạn “hardcore” hơn thì mình cũng có các bài tập đi kèm.

Tôi có được hỗ trợ khi học hay không: Chắn chắn là có. Bạn sẽ được tham gia vào group Facebook, có thể đăng câu hỏi thắc mắc, mình và đội ngủ admin sẽ trả lời cho bạn siêu nhanh luôn nhé.

Một số hình ảnh về các project thực tế

công cụ tính lãi suất vay ngân hàng

Công cụ tính lãi suất vay ngân hàng

Game kéo búa bao

Game kéo búa bao

Quản lý sinh viên

Quản lý sinh viên

Github search

Github search