LEVEL 01-HTML CSS & JAVASCRIPT - Fedu

LEVEL 01-HTML CSS & JAVASCRIPT

Giảng viên: Nguyễn Đức Việt

Học phí (mua 1 lần học trọn đời) tại FEDU

3,000,000  699,000 

Học phí chỗ khác: 3,000,000 ₫

Học đến khi thành thạo thì thôi

Hoàn lại học phí nếu không hài lòng

Lưu ý: Hình thức học của Fedu là học ONLINE, chúng tôi không mở lớp dạy trực triếp hoặc offline. Học viên vui lòng cân nhắc trước khi đăng ký

Thời lượng: 32 giờ

Bài học: 139+ bài

Giới thiệu khóa học

1- Giới thiệu phần học HTML/CSS cơ bản
Mục đích của phần học này là gì ?
Mục đích của phần học HTML/CSS cơ bản là giúp bạn có kiến thức nền tảng về cắt web. Cắt web là bước đầu tiên trong qui trình làm ra một sản phẩm web. Khóa học này bạn cần hiểu được cách chuyển đổi từ file thiết kế sang dạng HTML CSS.
-Phần học này tập trung vào kiến thức cơ bản, tuy nhiên có cập nhật thêm tính năng xử lý bố cục mạnh mẽ của CSS3 là flex thay cho float trong CSS2
Kiến thức cơ bản về HTML/CSS được luyện tập rất chi tiết, mục đích là để bạn có nền tảng kiến thức frontend bền vững cho phát triển các bước về sau trong thiết kế web và web developer.
2-Giới thiệu kiến thức phần học Javascript
Sau khi có kiến thức về HTML/CSS bước tiếp theo bạn cần nắm vững về ngôn ngữ javascript. Javascript là nền tảng cho các công nghệ mới hiện tại Node JS, Angular js by Google, React JS by Facebook… các tập đoàn công nghệ web lớn đều đã xây dựng các nền tảng lập trình dựa trên javascript nên trong khoảng 5 năm nữa thì đây là tương lai của lập trình web.
Phần học này giúp bạn nắm vững kỹ thuật lập trình Javascript căn bản, hiểu được quy trình hoạt động của Javascript trong một trang HTML, vận dụng nó để xử lý thao tác chức năng trên website.Trong khóa này bạn sẽ được học các kỹ thuật lập trình từ đầu như biến là gì? khai báo biến như thế nào? Cách sử dụng mệnh đề rẻ nhánh, vòng lặp … và các kiến thức JS căn bản nền tảng khác cho sau này.
3- Giới thiệu kiến thức phần Jquery
Jquery viết gọn và đơn giản hơn Javascript rất nhiều, cú pháp gần giống như css nên rất dễ sử dụng. Theo thống kê thì 80% các hiệu ứng tương tác trên các website hiện nay đều sử dụng các plugin viết bằng Jquery.
Phần học jquery nhằm 2 mục đích :
Một là tự viết các hiệu ứng tương tác đặc thù cho thao tác trên website . Các hiệu ứng này tự viết sẽ nhanh và tối ưu hơn là download
Hai là biết cách tuỳ biến, download, ghép hiệu ứng jquery từ các plugin trên mạng vào giao diện. Phần này phải hiểu cách viết jquery cơ bản thì mới ghép được, biết chỗ nào copy và chỗ nào paste, chỗ nào sửa được chỗ nào không.
4- Giới thiệu kiến thức phần học Git & GitHub
Khi đi làm về lập trình các bạn sẽ cần thêm các công cụ làm việc nhóm, GIT là công cụ phổ biến nhất khi phát triển dự án lập trình.
Bạn hiểu nôm na là Git giống như Google drive, tuy nhiên Google Drive dùng để lưu tài liệu, còn git dùng để lưu code kèm theo rất nhiều tính năng chuyên biệt khác mà chỉ có dùng thử bạn mới hiểu.
Github còn hỗ trợ ta tạo một website tĩnh trên host của github, phần học này cũng hướng dẫn bạn làm luôn.
5- Giới thiệu kiến thức phần học SASS
Một công cụ nữa khi đi làm là SASS và SCSS để phát triển frontend có tính hệ thống và kiểm soát code CSS tốt hơn cho một dự án Frontend lớn.
Khoá học giúp bạn biết cách cài đặt, làm qua một dự án Frontend nhỏ để hiểu các vận dụng và các điểm lợi của SASS so với CSS giúp bạn dễ quyết định hơn xem sử dụng cái nào cho dự án thế nào.
6-Giới thiệu kiến thức phần React js & Redux
React js là ngôn ngữ dựa trên nền tảng javascript rất mạnh phát triển bởi facebook. React js là ngôn ngữ lập trình frontend, nhưng nó là kiểu frontend cho backend, tức là chuyên về xử lý các thao tác chức năng với dữ liệu trên backend.
React js không tương tác trực tiếp với dữ liệu mà phải kết hợp với một ngôn ngữ lập trình nữa, để làm API đệm dữ liệu cho react js xử lý. Trong khoá này sử dụng ngôn ngữ node js làm API kết hợp cùng React js để bạn có thể hiểu và áp dụng được khi đi làm thực tế.
Redux là một framework cho react js. Framework này cung cấp sẵn các hàm, các thao tác tự động hoá để mình code thoải mái hơn, không phải làm đi làm lại các thao tác code vô nghĩa. Đặc biệt trong Redux có tích hợp thêm một khái niệm mới là store giúp các xử lý dữ liêu, gửi nhận biến được mượt mà hơn, bạn sẽ thực hành chi tiết với store bên trong phần học nhé.

Phần 1 – HTML CSS CƠ BẢN
001- Giới thiệu khóa học và cài đặt công cụ
  001-Giới thiệu khóa học (08:30)
  002-Cài đặt công cụ (07:57)
002- Giới thiệu các thẻ HTML cơ bản
  003-Giới thiệu các thẻ HTML cơ bản (06:12)
  004-Thẻ tiêu đề (04:44)
  005-Nhóm thẻ xuống dòng (03:41)
  006-Thẻ trình bày text và gắn link (05:23)
  007-Thẻ ảnh (03:34)
003-Giới thiệu CSS cơ bản
  008-Giới thiệu CSS (05:09)
  009-Học thuộc tính CSS qua bài thực hành – phần 1 (07:50)
  010-Học thuộc tính CSS qua bài thực hành – phần 2 (03:40)
  011-Học thuộc tính CSS qua bài thực hành – phần 3 (04:39)
004-Thuộc tính Flex trong CSS
  012-Giới thiệu class trong CSS (06:57)
  013-Áp dụng class và chia cột (05:22)
  014-Luyện tập chia cột bằng flex (12:36)
  015-Cách gọi CSS nâng cao (05:37)
005- Luyện tập chia cột bằng Flex
  016-Luyện tập công thức chia cột (10:10)
  017-Cách cài đặt và sử dụng font icon (08:35)
  018-Cách sử dụng nhiều Class cùng một lúc (10:21)
006-Chữa bài tập
  019-Chữa bài tập làm website tin tức báo mới sử dụng kiến thức đã học (13:54)
  020-Giải thích thuộc tính display block (05:18)
007-Làm menu với HTML CSS
  021-Cách làm menu với HTML CSS (04:10)
  022-Thực hành với menu website báo mới (16:33)
  023-Cách căn giữa menu (06:25)
  024-Cách làm hiệu ứng di chuột lên ảnh tương tác lên chữ (13:30)
  025-Chữa bài sử dụng thuộc tính Flex – Phần 1 (12:23)
  026-Chữa bài sử dụng thuộc tính Flex – Phần 2 (10:48)
008-Làm hiệu ứng slide cơ bản nhất
  027-Cách làm hiệu ứng slide ảnh cơ bản nhất (10:26)
  028-Cách tinh chỉnh kích cỡ của hiệu ứng slide (05:14)
009-Chữa bài tiki.vn
  029-Chữa bài tiki.vn sử dụng Flex – Phần 1 (06:32)
  032-Các căn ngang và căn dọc phần tử sử dụng Flex (06:44)
  031-Chữa bài tiki.vn sử dụng Flex – Phần 3 (05:44)
  030-Chữa bài tiki.vn sử dụng Flex – Phần 2 (13:40)
010-Thuộc tính chia layer
  033- Luyện tập chia layer với thuộc tính zoom (11:09)
  034-Luyện tập chia layer kèm thuộc tính xoay (06:58)
  035-Chữa bài sử dụng thuộc tính chia layer (21:44)
  036-Chữa bài chia layer – Phần HTML (07:13)
  037-Chữa bài chia layer – Phần CSS (15:08)
  038-Chữa bài chia layer với thuộc tính Rotate và Perspective (07:22)
011-Chữa bài tập CSS3 từ các sản phẩm themeforest bất kỳ
  039-Chữa bài tâp CSS3 trên themeforest – Phần 1 (08:03)
  040-Chữa bài tâp CSS3 trên themeforest – Phần 2 (05:04)
  041-Chữa bài tâp CSS3 trên themeforest – Phần 3 (12:53)
  042-Chữa bài tâp CSS3 trên themeforest – Phần 4 (07:59)
  043-Chữa bài tâp CSS3 trên themeforest – Phần 5 (10:29)
  044-Chữa bài tâp CSS3 trên themeforest – Phần 6 (12:54)
  045-Chữa bài tâp CSS3 trên themeforest – Phần 7 (02:13)
012-Làm menu đa cấp với thuộc tính chia layer
  046-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 1 (08:14)
  047-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 2 (10:38)
  048-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 3 (26:08)
  049-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 4 (05:56)
013-Kĩ thuật nâng cao – sử dụng biến và after before trong CSS3
  050-Cách sử dụng biến trong CSS (10:22)
  051-Kĩ thuật sử dụng After before (13:04)
  052-Luyện tập After before và thuộc tính đổ màu Gradient (09:05)
  053-Cách đặt Transition hai chiều (04:19)
014-Ôn tập kiến thức đã học qua việc làm giao diện hoàn chỉnh
  054-Thực hành làm giao diện Belton theme – Phần HTML top (06:32)
  055-Thực hành làm giao diện Belton theme – Phần CSS top (11:29)
  056-Thực hành làm giao diện Belton theme – Phần Gradient và chia Layer (04:33)
  057-Thực hành làm giao diện Belton theme – Phần áp dụng after before (01:37)
  058-Thực hành làm giao diện Belton theme – HTML phần text banner (02:09)
  059-Thực hành làm giao diện Belton theme -CSS phần text banner (10:07)
  060-Thực hành làm giao diện Belton theme – HTML CSS phần content 1 (06:27)
  061-Thực hành làm giao diện Belton theme – Background attachment (01:30)
  062-Thực hành làm giao diện Belton theme – Cách đưa icon vào before và after (05:37)
015-Nguyên lý và cách làm web responsive
  063 – Nguyên lý CSS cho các màn hình khác nhau (09:44)
  064 – Thực hành làm web responsive với website udemy – phần 1 (16:59)
  065 – Thực hành làm web responsive với website udemy – phần 2 (06:40)
016-Làm quen với javascript
  066 – Làm quen với Javascript (09:26)
  067 – Hàm click trong javascript (07:38)
  068 – Hàm thay đổi class css (08:01)
017-Tổng kết
  069 – Tổng kết khóa giới thiệu cách học (04:28)
FILE DINH KEM
  File đính kèm
Phần 02 – JAVASCRIPT
01 – Giới thiệu
  001 – Giới thiệu khóa học (07:17)
02 – Cài đặt
  002 – Cài đặt editor và plugin javascript snippet (09:07)
  003 – Cài đặt template sử dụng trong khóa học (04:04)
03 – Chương trình đầu tiên và khái niệm cơ bản về javascript
  004 – Khởi động với hàm đầu tiên trong javasript (10:45)
  005 – Khái niệm về biến trong javascript (05:13)
04 – Toán tử, định danh và câu lệnh so sánh trong javascript
  006 – Toán tử và áp dụng trong viết hiệu ứng click (13:39)
  007 – Định danh trong javascript (03:03)
  008 – Câu lệnh so sánh trong javascript (09:16)
05 – Kiểu hay sử dụng nhất trong javascript – Mảng và đối tượng
  009 – Mảng là gì – Tại sao phải dùng mảng (06:12)
  010 – 3 cách khai bảo mảng (05:33)
  011 – Kiểu dữ liệu đối tượng (13:35)
  012 – Thao tác với kiểu dữ liệu đối tượng (07:54)
  013 – Dấu nháy và các toán tử rút gọn (07:55)
06 – Xử lý text, xử lý số và sử dụng vòng lặp trong javascript
  014 – Vòng lặp (09:19)
  015 – Vòng lặp for in (05:06)
  016 – Use Strict là gì (03:47)
  017 – Xử lý text trong javascript (08:55)
  018 – Xử lý số trong javascript (04:09)
07 – Hàm và các loại hàm sử dụng trong javascript
  019 – Hàm là gì (10:59)
  020 – Thực hành với hàm có tham số và không có tham số (09:50)
  021 – Return là gì – hai tác dụng của return (08:12)
  022 – Clousure function hay sử dụng (12:29)
  022.3 Arrow function (03:47)
  023 – Thao tác với kiểu dữ liệu đối tượng – vì sao cần phải có constructor (11:26)
  023.2 – Khái niệm const (04:51)
  023.3 – Khái niệm chuỗi thay thế trong javascript (09:58)
08 – Javascript thay cho Jquery
  023.4 – Giới thiệu 4 hàm mới sử dụng trong vẽ giao diện frontend bằng javascript (10:19)
  023.5 – Tạo dữ liệu demo và duyệt mảng phức hợp (08:14)
  023.6 – Hoàn thiện ví dụ demo bằng cách sử dụng Template String trong javascript (06:09)
  024 – Giới thiệu phần học javascript thuần viết cho frontend (05:50)
09 – Sử dụng vòng lặp thao tác với thẻ HTML
  025 – Cách truy xuất đến một phần tử và thay đổi giá trị của phần tử trong javascript (11:38)
  026 – Sử dụng vòng lặp thao tác với các thẻ HTML (07:37)
10 – Các hàm truy xuất phần tử dành cho Frontend
  027 – Sử dụng ID trong javascript (06:04)
  028 – Sử dụng Class trong javascript (11:31)
  029 – Sử dụng hàm querySelector (04:49)
  030 – Hàm đa năng sử dụng nhiều nhất – querySelectorAll (13:12)
11 – Các hàm xử lý giao diện của javascript
  031 – Ba hàm xử lý giao diện cực mạnh trong javascript (10:35)
  032 – Xử lý sự kiện trong javascript và khái niệm về document ready (10:24)
12 – Học viết hiệu ứng thực tế qua bài tập
  034 – Phương pháp viết hiệu ứng javascript với Animation (08:15)
  033 – Bắt đầu viết hiệu ứng bằng javascript thuần dựa trên kiến thức đã học (14:29)
13 – Phương pháp viết hiệu ứng hai chiều với Animation
  035 – Viết hiệu ứng 2 chiều nâng cao với javascript (12:28)
  036 – Áp dụng javascript vào animation 2 chiều (16:37)
14 – Viết hiệu ứng tương tác notification của facebook
  037 – Viết lại các hiệu ứng tương tác của facebook bằng javascript – Phần HTML (05:05)
  038 – Hiệu ứng tương tác facebook – Phần CSS (08:29)
  039 – Viết hiệu ứng javascript như facebook – Phần 1 (06:39)
  040 – Viết hiệu ứng javascript như facebook – Phần 2 (03:52)
15 – Phương pháp viết hiệu ứng tổng quát thông qua truyền tham số bằng HTML5
  041 – Phương pháp viết hiệu ứng tổng quát hóa trong truyền dữ liệu của javascript (04:42)
  042 – Truyền tham số giữa HTML và Javascript thế nào (07:05)
  043 – Học cách viết javascript cho frontend dạng tổng quát (10:19)
16 – Viết hiệu ứng tổng quát cho Facebook bằng phương pháp truyền tham số
  044 – Áp dụng phương pháp tham số HTML qua thực hành hiệu ứng Facebook – Phần HTML (10:31)
  045 – Tạo CSS cho phần giao diện hiệu ứng (04:58)
  046 – Xử lý hiệu ứng cho Icon bằng javascript (03:09)
  047 – Hoàn thiện phần gửi nhận thông tin qua HTML bằng javascript (10:25)
17 – Tóm tắt phần kiến thức cơ bản javascript
  048 – Xử lý if else đối với hiệu ứng click (12:40)
  049 – Tổng kết kiến thức javascript học được (08:55)
18 – Viết hiệu ứng tương tác menu – phần HTML-CSS
  050 – Tống kết kiến thức đã học và giới thiệu phần bài tập xử lý menu (04:42)
  051 – Phần HTML cho hiệu ứng Menu bằng javascript (03:42)
  052 – Phần CSS cho giao diện menu (09:29)
19 – Viết hiệu ứng tương tác menu – phần Javascript
  053 – Phần javascript cho hiệu ứng (08:15)
  054 – Phần javascript hoàn thiện và cách sử dụng biểu đồ tốc độ (06:21)
  055 – Hướng dẫn cách xử lý các hiệu ứng còn lại (07:42)
20 – Các hàm cần thiết để thao tác với hiệu ứng Scroll
  057 – Bắt sự kiện và tính vị trí (07:38)
  058 – Bài tập đầu tiên với hàm scroll (07:57)
21 – Xử lý phần giao diện và tương tác cho hiệu ứng Scroll đầu tiên
  059 – Xử lý phần giao diện (03:50)
  060 – Xử lý phần javascript (08:04)
  061 – Hoàn thiện hiệu ứng scroll sử dụng javascript (03:15)
22 – Viết hàm tương tác Scroll qua bài tập thực tế trên facebook – kenh14
  062 – Thực hành viết hàm scroll qua bài tập thực tế (11:01)
  063 – Viết hàm javascript xử lý phần Menu Scroll. (06:18)
  064 – Viết javascript tương tác cho cột bên phải. (10:27)
  065 – Tổng kết các hàm javascript xử lý cho tương tác scroll (07:27)
23 – Viết hiệu ứng load bằng Javascript
  066 – Viết hiệu ứng load bằng javascript (12:23)
23 .2 – ‘Đổ bê tông’ kiến thức qua bài tập thực hành Javascript
  File đính kèm
  140 – CSS3 tóm tắt các thuộc tính cơ bản (23:31)
  141 – Áp dụng thuộc tính tâm quay kết hợp với javascript (19:21)
  142 – Áp dụng hiệu ứng CSS3 sử dụng thuộc tính tâm quay (09:13)
  143 – Sử dụng After Before kết hợp với Scale (09:35)
  144 – Sử dụng thuộc tính Transform Style và Perspective cho hiệu ứng 3D (17:17)
  145 – Thực hành thuộc tính CSS 3D qua bài tập đặc trưng tạo hình lập phương bằng 6 div (15:55)
  146 – Thực hành làm hiệu ứng Youtube bằng Javascript – Phần 1 khởi động (12:56)
  147 – Thực hành làm hiệu ứng Youtube bằng Javascript – Phần 2 xử lý Javascript (09:56)
  148 – Thực hành Javascript qua bài tập làm tương tác trên Lazada.vn (03:11)
  149 – Tạo hiệu ứng Logo cho website Lazada.vn (05:50)
  150 – Xử lý phần cuộn chuột cho website Lazada.vn (12:26)
  151 – Hoàn thiện phần hiệu ứng logo cho website Lazada.vn (07:35)
  152 – Xử lý phần hiệu ứng cuộn chuột thay đổi menu cho Lazada (04:27)
  153 – Xử lý hiệu ứng tương tác cho nút ‘Tất cả danh mục’ (05:31)
  154 – Xử lý phần logic của việc click vào nút ‘Tất cả danh mục’ (05:58)
  155 – Hoàn thiện phần tương tác menu của Lazada (07:10)
  156 – Khởi động hiệu ứng Content Slider với phần HTML (06:27)
  157 – Xử lý giao diện Content Slider với CSS (09:07)
  158 – Logic và thao tác với phần nút điều hướng Content Slider (09:31)
  159 – Phần Javascript tương tác với nội dung (09:03)
  160 – Hoàn thiện hiệu ứng Content Slider (03:33)
24 – Khởi động Project viết hiệu ứng Slide bằng javascript
  067 – Viết hiệu ứng Slide bằng javascript (03:29)
  068 – Khởi động project Slide bằng javascript (03:29)
25 – Phương thức xử lý phần chuyển Slide bằng javascript
  069 – Xử lý CSS phần chuyển slide (05:00)
  070 – Viết javascript cho phần chuyển slide (07:23)
26 – Cách xử lý giao diện luôn luôn Full màn hình
  071 – Xử lý phần bố cục HTML cho nội dung slide (06:57)
  072 – Cách xử lý giao diện lúc nào cũng full màn hình (09:16)
27 – Dựng bố cục và nội dung cho Slide
   073 – Dựng bố cục cơ bản cho Slide bằng relative và absolute (10:09)
  074 – Xử lý chi tiết giao diện của Slide và hoàn thiện giao diện (11:15)
28 – Logic của việc tạo hiệu ứng chuyển động trong Slide
  075 – Tính vị trí của đối tượng bằng Javascript (11:14)
  076 – Viết hiệu ứng Slide chuyển động tương ứng khi click vào nút (06:18)
  077 – Logic của việc tạo hiệu ứng chuyển động bằng CSS3 kết hợp với javascript (07:23)
29 – Hoàn thiện hiệu ứng
  078 – Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide – Phần 1 (05:19)
  079 – Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide – Phần 2 (07:59)
30 – Viết hàm Auto Slide
  080 – Lý thuyết về auto slide (04:38)
  081 – Tính xem đang ở Slide nào (10:08)
  082 – Viết hàm tự chuyển động (05:10)
  083 – Hoàn thiện hiệu ứng Javascript auto slide (05:46)
  084 – Ý nghĩa của hàm clearInterval (05:19)
31 – Khởi động projec thứ 2 viết hiệu ứng slide nâng cao
  085 – Giới thiệu phần hướng dẫn viết hiệu ứng nâng cao (05:48)
  086 – Khởi động project với HTML (10:38)
32 – Hoàn thiện phần giao diện
  087 – Xử lý giao diện Project trực tiếp bằng Chrome Dev Tool (08:06)
  088 – Hoàn thiện giao diện chuẩn bị cho viết tương tác bằng Javascript (07:57)
33 – Logic của hàm javascript
  089 – Phân tích logic của chương trình (08:38)
  090 – 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:22)
34 – Viết chuyển động bằng Javascript và CSS3
  091 – Thêm chuyển động bằng Javascript (05:24)
  092 – Viết CSS3 cho chuyển động đầu tiên (06:02)
35 – Giới thiệu hàm Javascript check trạng thái của chuyển động
  093 – Phân tích luồng hoạt động tiếp theo của hiệu ứng tương tác (05:09)
  094 – Giới thiệu hàm Javascript check trạng thái của chuyển động.mp4 (08:36)
36 – Hoàn thiện hàm xử lý nút next của hiệu ứng
  095 – Check chuyển động slide kết thúc (04:08)
  096 – Hoàn thiện hiệu ứng tương tác cho nút next trong slide (04:08)
37 – Xử lý lỗi click liên tiếp nhiều lần
  097 – Xử lý lỗi khi click liên tiếp nhiều lần (10:10)
  098 – Xử lý chi tiết biến ‘trạng thái’ trong chương trình (11:26)
38 – Hoàn thiện hàm xử lý nút previous của hiệu ứng
  099 – Viết hàm Javascript xử lý cho nút Previous (09:50)
  100 – Tạo chuyển động sử dụng Javascript (05:08)
  101 – Tạo chuyển động sử dụng CSS (03:11)
  102 – Hoàn thiện logic cho nút Previous (03:40)
39 – Phương pháp đóng gói code trong javascript
  103 – Sử dụng kiến thức về Function và tham số để đóng gói code (09:45)
  104 – Viết Javascript chi tiết cho việc đóng gói Code.mp4 (10:54)
40 – Sử dụng thành thạo toán tử 3 ngôi qua việc đóng gói code
  105 – Sử dụng toán tử ba ngôi viết 1 dòng bằng 6 dòng.mp4 (10:22)
  106 – Áp dụng toán tử 3 ngôi trong việc đóng gói code – Phần 1.mp4 (10:10)
  107 – Áp dụng toán tử 3 ngôi trong việc đóng gói code – Phần 2.mp4 (08:17)
  108 – Áp dụng toán tử 3 ngôi trong việc đóng gói code – Phần 3 (07:08)
41 – Thiết kế hiệu ứng số 2 và số 3
  109 – Chữa bài tập số 2 về thiết kế hiệu ứng hiển thị trên Slide.mp4 (07:50)
  110 – Chữa bài tập số 3 về thiết kế hiệu ứng hiển thị trên Slide (04:22)
42 – Phản xạ về cách viết hiệu ứng CSS3 qua 6 bài tập
  111 – Ứng dụng 4 về xử lý hiệu ứng.mp4 (06:29)
  112 – Bài tập 5 về hiệu ứng javascript.mp4 (10:10)
  113 – Bài tập 6 về hiệu ứng javascript.mp4 (07:40)
  114 – Bài tập 7 về hiệu ứng javascript.mp4 (06:42)
  115 – Bài tập 8 về hiệu ứng javascript.mp4 (06:45)
  116 – Bài tập 9 về hiệu ứng javascript (05:39)
43 – Khởi động project viết hiệu ứng tương tác ảnh của Facebook bằng Javascript
  117 – Viết chức năng tương tác ảnh của facebook bằng javascript native.mp4 (03:39)
  118 – Dựng HTML cho project viết tương tác ảnh trên facebook.mp4 (07:05)
44 – Hoàn thiện phần setup HTML – CSS
  119 – Hoàn chỉnh HTML nội dung cho tương tác ảnh trên facebook (06:41)
  120 – Phần CSS cho nội dung.mp4 (10:56)
  121 – Hoàn thiện giao diện HTML – CSS.mp4 (08:29)
45 – Viết Javascript cho chức năng ban đầu của chương trình
  122 – Xử lý logic ban đầu cho chương trình.mp4 (08:16)
  123 – Xử lý javascript cho khối nền.mp4 (03:06)
  124 – Viết Javascript cho chức năng đóng cửa sổ.mp4 (06:57)
46 – Lại xử lý tiếp CSS
  125 – Xử lý phần nội dung hiển thị ra.mp4 (03:00)
  126 – Xử lý phần CSS cho khối thông tin ảnh facebook.mp4 (06:01)
  127 – Xử lý hiển thị khối thông tin bằng javascript.mp4 (05:44)
47 – Bắt đầu Code phần ảnh
  128 – Bắt đầu làm phần ảnh (04:00)
  129 – Xử lý phần CSS cho khối các ảnh.mp4 (12:40)
  130 – Căn giữa một phần tử theo chiều dọc thế nào.mp4 (08:46)
48 – Lại xử lý tiếp Javascript
  131 – Logic code của phần gallery ảnh (08:01)
  132 – Sử dụng Javascript nhận biết ảnh Active.mp4 (13:37)
  133 – Cách xử lý code sau khi active và bí mật của nút X.mp4 (08:43)
49 – Logic thực hiện hiệu ứng chuyển ảnh của Facebook
  134 – Logic thực hiện việc chuyển ảnh của Facebook (03:43)
  135 – Xác định chỉ số phần tử hiện tại bằng Javascript.mp4 (04:48)
  136 – Xác định chỉ số phần tử tiếp theo bằng Javascript.mp4 (08:19)
50 – Hoàn thiện hiệu ứng ảnh Facebook
  137 – Xử lý hoàn thiện logic cho nút Next facebook.mp4 (07:16)
  138 – Xử lý nút Prev Facebook.mp4 (03:49)
51 – Bài tập nâng cao cho phần tương tác ảnh Facebook
  139 – Bài tập làm hoàn chỉnh hiệu ứng ảnh facebook.mp4 (05:09)
File đính kèm JS
  File đính kèm

Giảng viên: Nguyễn Đức Việt

-Tốt nghiệp CNTT – khóa 49 đại học BK Hà Nội, .
-Thầy hiện đang là Giảng viên Thiết kế tại FPT – Arena.
-Tham gia hiệu đính và dịch rất nhiều đầu sách về thiết kế web cho hệ thống thư viện đại học FPT.
-Thầy đã có 8 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web và có hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.
– Ngoài ra thầy còn tham gia rất nhiều dự án web cho FPT, dạy các shortcourse cho người đi làm và các dự án Freelance khác về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở .

Đánh giá

Chưa có đánh giá nào.

Hãy là người đầu tiên nhận xét “LEVEL 01-HTML CSS & JAVASCRIPT”

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

LEVEL 01-HTML CSS & JAVASCRIPT 699,000 đ ĐĂNG KÝ NGAY