- Các bài học trình bày những lý thuyết cơ bản dễ hiểu về Javascript.
- Thiết lập được môi trường chạy JavaScript.
- Làm việc với biến thành thạo trong JavaScript.
Lợi ích từ khóa học
Đối tượng mục tiêu
- Học viên yêu thích về lập trình.
- Học viên muốn tìm hiểu về ngôn ngữ lập trình javascript/typescript từ đầu theo một cách bài bản nhất.
- Học viên muốn tạo ra các ứng dụng web hoàn trình bằng javascript làm chủ các kỹ năng lập trình trong javascript như Type Script, Es6.
- Những người muốn đi theo hướng lập trình Javascript Fullstack, một trong những nghề lập trình đang lên ngôi trong công nghệ hiện tại với sự hỗ trợ từ hai ông lớn: Google với Angular JS, Facebook với React JS.
Tổng quát
- HỌC JAVASCRIPT bắt đầu như thế nào?
Khóa học lập trình "Học lập trình Javascript từ đầu qua bài tập thực tế" do giảng viên Nguyễn Đức Việt: Giúp bạn bắt đầu kiến thức lập trình Javascript bài bản nhất từ số 0 – Với khóa học này, bạn sẽ được thực hành qua các bài tập thực tế tại các website hàng đầu như kenh14.vn, facebook.com.
- ĐIỂM NỔI BẬT CỦA KHÓA HỌC NÀY SO VỚI KHÓA HỌC KHÁC LÀ GÌ?
Như các bạn biết, Javascript là nền tảng rất rộng để có thể cùng một lúc nắm được hết khía cạnh của nó, nếu các bạn đi học offline tại các trung tâm khác phần module này sẽ khiến bạn mất ít nhất 1 – 2 tháng mới có thể hoàn thành khóa học. Nhưng với khóa học lập trình Javascript do giảng viên Nguyễn Đức Việt ( người có 12 năm kinh nghiệm giảng dạy lập trình web) – đã tổng hợp lại kiến thức trong quá trình làm việc, và các giáo trình chuẩn quốc tế từ các nước như Mỹ, Ấn Độ bạn sẽ nắm rõ Javascript trong lòng bàn tay chỉ trong vòng 2-3 tuần học.
- Với rất nhiều bài tập thực hành thực tế, chi tiết các hiệu ứng từ các website nổi tiếng như kenh14, facebook để lập trình các chức năng tương tác với frontend ví dụ : giỏ hàng, các tính năng view ảnh, notification trên facebook.
Yêu cầu của khóa học
- Học viên nên cần nắm qua khóa học lập trình frontend cơ bản, hoặc nắm qua các ngôn ngữ kịch bản HTML/CSS để nắm được khóa học tốt nhất.
Giới thiệu - cài đặt - và chạy chương trình React JS đầu tiên
Giới thiệu khóa học
7:26 phút
Cài đặt editor và plugin javascript snippet
9:19 phút
Cài đặt template sử dụng trong khóa học
4:09 phút
Khởi động với hàm đầu tiên trong javasript
10:58 phút
Khái niệm và 4 cách định nghĩa component trong React JS
Khái niệm về biến trong javascript
5:20 phút
Toán tử và áp dụng trong viết hiệu ứng click
13:55 phút
Định danh trong javascript
3:07 phút
Câu lệnh so sánh trong javascript
9:27 phút
Khái niệm và cách truyền thông tin qua Props trong Component
Mảng là gì? Tại sao phải dùng mảng?
6:20 phút
3 cách khai báo mảng
5:41 phút
Thực hành JSX và hàm 'Map' thông dụng
Kiểu dữ liệu đối tượng
13:49 phút
Thao tác với kiểu dữ liệu đối tượng
8:04 phút
Thực hành kiến thức Component qua bài tập chuyển đổi giao diện từ boot
Dấu nháy và các toán tử rút gọn
8:06 phút
Vòng lặp
9:31 phút
Vòng lặp for in
5:13 phút
Use Strict là gì?
3:53 phút
Xử lý text trong javascript
9:06 phút
Xử lý số trong javascript
4:14 phút
Hàm là gì?
11:12 phút
Thực hành với hàm có tham số và không có tham số
10:02 phút
Return là gì? Hai tác dụng của return
8:22 phút
Anonymous function và closure function
12:45 phút
Thao tác với kiểu dữ liệu đối tượng - Vì sao cần phải có constructor?
11:39 phút
Khái niệm const
4:57 phút
Khái niệm chuỗi thay thế trong javascript
10:10 phút
Hoàn thiện ví dụ demo bằng cách sử dụng Template String trong javascript
6:17 phút
Giới thiệu phần học javascript thuần viết cho frontend
5:58 phút
Sử dụng vòng lặp thao tác với các thẻ HTML
7:47 phút
Sử dụng ID trong javascript
6:12 phút
Sử dụng Class trong javascript
11:45 phút
Sử dụng hàm querySelector
4:55 phút
Hàm đa năng sử dụng nhiều nhất - querySelectorAll
13:28 phút
Ba hàm xử lý giao diện cực mạnh trong javascript
10:48 phút
Xử lý sự kiện trong javascript và khái niệm về document ready
10:37 phút
Bắt đầu viết hiệu ứng bằng javascript thuần dựa trên kiến thức đã học
14:46 phút
Phương pháp viết hiệu ứng javascript với Animation
8:26 phút
Viết hiệu ứng 2 chiều nâng cao với javascript
12:44 phút
Áp dụng javascript vào animation 2 chiều
16:57 phút
Viết lại các hiệu ứng tương tác của facebook bằng javascript - Phần HTML
5:11 phút
Hiệu ứng tương tác facebook
8:04 phút
Viết hiệu ứng javascript như facebook - Phần 1
6:46 phút
Viết hiệu ứng javascript như facebook - Phần 2
3:58 phút
Phương pháp viết hiệu ứng tổng quát hóa trong truyền dữ liệu của javascript
4:49 phút
Truyền tham số giữa HTML và Javascript thế nào?
7:14 phút
Học cách viết javascript cho frontend dạng tổng quát
10:32 phút
Áp dụng phương pháp tham số HTML qua thực hành hiệu ứng Facebook - Phần HTML
10:45 phút
Tạo CSS cho phần giao diện hiệu ứng
5:05 phút
Xử lý hiệu ứng cho Icon bằng javascript
3:14 phút
Hoàn thiện phần gửi nhận thông tin qua HTML bằng javascript
10:38 phút
Xử lý if else đối với hiệu ứng click
12:55 phút
Tổng kết kiến thức javascript học được
9:06 phút
Tống kết kiến thức đã học và giới thiệu phần bài tập xử lý menu
4:47 phút
Phần HTML cho hiệu ứng Menu bằng javascript
3:47 phút
Phần javascript cho hiệu ứng
8:25 phút
Phần javascript hoàn thiện và cách sử dụng biểu đồ tốc độ
6:28 phút
Hướng dẫn cách xử lý các hiệu ứng còn lại
7:50 phút
Bắt sự kiện và tính vị trí
7:46 phút
Bài tập đầu tiên với hàm scroll
8:05 phút
Xử lý phần giao diện
3:53 phút
Xử lý phần javascript
8:13 phút
Hoàn thiện hiệu ứng scroll sử dụng javascript
3:19 phút
Thực hành viết hàm scroll qua bài tập thực tế
11:13 phút
Viết hàm javascript xử lý phần Menu Scroll
6:25 phút
Viết javascript tương tác cho cột bên phải
10:39 phút
Tổng kết các hàm javascript xử lý cho tương tác scroll
7:35 phút
Viết hiệu ứng load bằng javascript
12:37 phút
Viết hiệu ứng Slide bằng javascript
3:33 phút
Khởi động project Slide bằng javascript
3:33 phút
Xử lý CSS phần chuyển slide
5:05 phút
Viết javascript cho phần chuyển slide
7:30 phút
Xử lý phần bố cục HTML cho nội dung slide
7:05 phút
Cách xử lý giao diện lúc nào cũng full màn hình
6:24 phút
Dựng bố cục cơ bản cho Slide bằng relative và absolute
10:20 phút
Xử lý chi tiết giao diện của Slide và hoàn thiện giao diện
11:27 phút
Tính vị trí của đối tượng bằng Javascript
11:26 phút
Viết hiệu ứng Slide chuyển động tương ứng khi click vào nút
6:25 phút
Logic của việc tạo hiệu ứng chuyển động bằng CSS3 kết hợp với javascript
7:31 phút
Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide - Phần 1
5:23 phút
Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide - Phần 2
8:08 phút
Lý thuyết về auto slide
4:42 phút
Tính xem đang ở Slide nào
10:20 phút
Viết hàm tự chuyển động
5:16 phút
Ý nghĩa của hàm clearInterval
5:25 phút
Hoàn thiện hiệu ứng Javascript auto slide
5:52 phút
Giới thiệu phần hướng dẫn viết hiệu ứng nâng cao
5:55 phút
Khởi động project với HTML
10:50 phút
Xử lý giao diện Project trực tiếp bằng Chrome Dev Tool
8:15 phút
Hoàn thiện giao diện chuẩn bị cho viết tương tác bằng Javascript
8:06 phút
Phân tích logic của chương trình
8:48 phút
Cách xác định phần tử hiện tại và phần tử tiếp theo khi ấn nút Next
12:36 phút
Thêm chuyển động bằng Javascript
5:30 phút
Viết CSS3 cho chuyển động đầu tiên
6:08 phút
Phân tích luồng hoạt động tiếp theo của hiệu ứng tương tác
5:14 phút
Giới thiệu hàm Javascript check trạng thái của chuyển động
8:45 phút
Check chuyển động slide kết thúc
4:13 phút
Hoàn thiện hiệu ứng tương tác cho nút next trong slide
4:13 phút
Xử lý lỗi khi click liên tiếp nhiều lần
8:41 phút
Xử lý chi tiết biến _trạng thái_ trong chương trình
11:39 phút
Viết hàm Javascript xử lý cho nút Previous
10:01 phút
Tạo chuyển động sử dụng Javascript
5:14 phút
Tạo chuyển động sử dụng CSS
3:15 phút
Hoàn thiện logic cho nút Previous
3:44 phút
Sử dụng kiến thức về Function và tham số để đóng gói code
9:55 phút
Viết Javascript chi tiết cho việc đóng gói Code
11:06 phút
Sử dụng toán tử ba ngôi viết 1 dòng bằng 6 dòng
10:34 phút
Áp dụng toán tử 3 ngôi trong việc đóng gói code - Phần 1
10:21 phút
Áp dụng toán tử 3 ngôi trong việc đóng gói code - Phần 2
8:26 phút
Áp dụng toán tử 3 ngôi trong việc đóng gói code - Phần 3
7:16 phút
Chữa bài tập số 2 về thiết kế hiệu ứng hiển thị trên Slide
7:59 phút
Chữa bài tập số 3 về thiết kế hiệu ứng hiển thị trên Slide
4:27 phút
Ứng dụng 4 về xử lý hiệu ứng
6:37 phút
Bài tập 5 về hiệu ứng javascript
10:22 phút
Bài tập 6 về hiệu ứng javascript
7:48 phút
Bài tập 7 về hiệu ứng javascript
6:49 phút
Bài tập 8 về hiệu ứng javascript
6:52 phút
Bài tập 9 về hiệu ứng javascript
5:45 phút
Viết chức năng tương tác ảnh của facebook bằng javascript native
3:42 phút
Dựng HTML cho project viết tương tác ảnh trên facebook
7:13 phút
Hoàn chỉnh HTML nội dung cho tương tác ảnh trên facebook
6:46 phút
Phần CSS cho nội dung
11:07 phút
Hoàn thiện giao diện HTML - CSS
8:36 phút
Xử lý logic ban đầu cho chương trình
8:23 phút
Xử lý javascript cho khối nền
3:07 phút
Xử lý phần nội dung hiển thị ra (phần 1)
7:02 phút
Xử lý phần nội dung hiển thị ra (phần 2)
3:00 phút
Xử lý phần CSS cho khối thông tin ảnh facebook
6:08 phút
Xử lý hiển thị khối thông tin bằng javascript
5:50 phút
Bắt đầu làm phần ảnh
4:02 phút
Xử lý phần CSS cho khối các ảnh
12:54 phút
Logic code của phần gallery ảnh (phần 1)
8:03 phút
Logic code của phần gallery ảnh (phần 2)
8:08 phút
Sử dụng Javascript nhận biết ảnh Active
13:51 phút
Cách xử lý code sau khi active và bí mật của nút X.
8:52 phút
Logic thực hiện việc chuyển ảnh của Facebook.
3:46 phút
Xác định chỉ số phần tử hiện tại bằng Javascript
4:52 phút
Xác định chỉ số phần tử tiếp theo bằng Javascript
8:27 phút
Xử lý hoàn thiện logic cho nút Next facebook
7:23 phút
Xử lý nút Prev Facebook
3:52 phút
Bài tập làm hoàn chỉnh hiệu ứng ảnh facebook
5:14 phút
