Front-End: Cốt lõi thiết kế website với HTML, CSS, JavaScript , Jquery, Responsive, Bootstrap, dàn layout từ Photoshop
4.7 (28 đánh giá)
916 học viên
40384 lượt xem
Giảng viên
Prix :
999,000đ
Học viên sẽ học được gì sau khi học khóa học của bạn ?
- Nắm bắt tổng quan về thiết kế web, nền tảng công nghệ liên quan đến xây dựng website.
- Các khải niệm đầy đủ về xây dựng một website.
- Các bước để thực hiện một website.
- Cách thiết kế và bố cục website để thu hút độc giả và người dùng.
- Các kinh nghiệm xây dựng website thân thiện với người dùng.
- HTML- các kiến thức căn bản và chuyên sâu về ngôn ngữ trình bày website
- HTML Form – gởi nhận thông tin trong website
- CSS – các kiến thức căn bản và chuyên sau để trình bày giao diện website, style cho website
- Javascript – tương tác với website ở phía người dùng.
- Jquery – một thư viện hỗ trợ xây dựng tương tác website được sử dụng rất rộng rãi trong việc xây dựng website.
- Slideshow cho các banner trong website
- Các khái niệm quan trọng về khái niệm xây dựng website chạy trên đa thiết bị, đa trình duyệt
- Khái niệm về bootstrap website – một khái niệm để xây dựng website hiện đại.
- Luyện tập chia bố cục website
- Luyện tập thông qua 2 layout website thực tế.
Đối tượng nên học khóa này là ai ?
- Tất cả các bạn đam mê lập trình
Những yêu cầu trước khi học khóa học này ?
Xem đề cương
Giới thiệu về khóa học
Xin chào tất cả các bạn, thông qua khoá học này, tôi hy vọng sẽ mang đến các bạn những kiến thức nền tảng nhất, những bước đi khởi đầu cho nghề lập trình web.
Hiện nay, thiết kế website là rất cần thiết cho doanh nghiệp, website mang đến những thông tin cập nhật nhanh nhất về các dịch vụ của doanh nghiệp. Với sự phát triển của cơ sở hạ tầng, băng thông mạnh hơn hẳn, các phần mềm cũng dẫn chuyển sang nền tảng web. Các nhà phát triển web cũng được tuyển dụng ngày càng nhiều. Khoá học này đặt nền móng vững chắc cho các bạn về thuỷ tổ khởi nguồn của web, lịch sử web, các khái niệm quan trọng như hosting, domain, các bước thiết kế một website là gì.
Một điều tôi cũng nhấn mạnh trong khoá học này cũng chính là khi bắt đầu thiết kế một website, chúng ta cần phải có những định hướng nào? Làm thế nào để website của mình thu hút được nhiều người dùng, làm sao người dùng cảm thấy tiện dụng, họ truy cập và ở lâu trên website của mình, website của mình như thế nào để lôi kéo được nhiều nguòi dùng và chiến thắng các website khác. Các kiến thức này được trình bày qua các khái niệm và một số kinh nghiệm về UI, UX của tôi khi thiết kế các website. Khoá học cũng mang đến cho các bạn những khái niệm cơ bản và quan trọng của các thẻ HTML, CSS, javascript, jquery,…, trong từng bài học, tôi cố gắng trình bày kèm theo nhiều ví dụ trực quan, một số layout dạng thực tế để các bạn dễ tiếp cận và vận dụng. Một trong những khái niệm và kỹ thuật quan trọng như boostrap web, responsive web là gì cũng được tôi trình bày và vận dụng trong khoá học này.
Cuối khoá học, tôi cũng áp dụng tất cả các kiến thức để hướng dẫn các bạn thực hiện một số layout cho website bán hàng thời trang. Tôi hy vọng, với khoá học này, các bạn hiểu rõ, hiểu sâu để có thể áp dụng, vận dụng trong việc thiết kế các website cho mình hoặc cho các khách hàng của mình.
Prix :
999,000đ
Danh sách khóa học liên quan
Hướng dẫn dàn layout thực thế chuẩn html, css
982 (0) 4 giờ học 8047 lượt xem
NGỪNG KINH DOANH
Lập trình ASP.NET MVC5 toàn tập qua dự án Web bán hàng
461 (13) 32 giờ học 23085 lượt xem
NGỪNG KINH DOANH
Làm dự án thực tế với ASP.NET MVC, WebAPI và AngularJS
460 (18) 43 giờ học 24800 lượt xem
NGỪNG KINH DOANH
Sở hữu website KINH DOANH, xây dựng web cho KHÁCH HÀNG. Comb ...
410 (6) 29 giờ học 12775 lượt xem
NGỪNG KINH DOANH
Đề cương khóa học
13 chương
124 bài học
33 giờ 50 phút
CHƯƠNG I: GIỚI THIỆU KHOÁ HỌC
7 phút
Tài liệu + source code Thiết kế web căn bản
Bài 1: Giới thiệu khóa học
7 phút
CHƯƠNG II: TỔNG QUAN VỀ WEB &, INTERNET / CÁC BƯỚC XÂY DỰNG WEBSITE
51 phút
Tổng quan về thiết kế web và các bước xây dựng - Phần 1
Xem trước
30 phút
Tổng quan về thiết kế web và các bước xây dựng – Phần 2
Xem trước
21 phút
CHƯƠNG III: UI và UX TRONG THIẾT KẾ WEBSITE
40 phút
Bài 3: UI và UX trong thiết kế website
40 phút
CHƯƠNG IV: HTML CĂN BẢN VÀ BÀI TẬP
4 giờ 54 phút
Bài 4: HTML là gì, Cấu trúc HTML - Phần 1
21 phút
Bài 5: HTML là gì, Cấu trúc HTML – Phần 2
30 phút
Bài 6: Các tag cơ bản - phần 1
14 phút
Bài 7: Các tag cơ bản - phần 2
17 phút
Bài 8: Các tag cơ bản - phần 3
16 phút
Bài 9: Các tag cơ bản - Phần 4
6 phút
Bài 10.1: Bài tập tổng hợp các thẻ - phần 1
42 phút
Bài 10.2 : Bài tập tổng hợp các thẻ - phần 2
20 phút
Bài 11: HTML Form phần 1
9 phút
Bài 12: HTML Form - phần 2
12 phút
Bài 13: HTML Form - phần 3
16 phút
Bài 14: HTML Form - Phần 4
15 phút
Bài 15: HTML Form - phần 5
10 phút
Bài 16.1: Bài tập Form - phần 1
31 phút
Bài 16.2 - Bài tập Form - phần 2
27 phút
Bài 16.3 : Phân biệt thuộc tính "value" và "name"
8 phút
CHƯƠNG V: TỔNG QUAN VỀ CSS VÀ BÀI TẬP
5 giờ 30 phút
Bài 17: CSS - Giới thiệu
13 phút
Bài 18: CSS - Cú pháp
12 phút
Bài 19: CSS Selector
19 phút
Bài 20: Bài tập CSS - Bài tập 1
13 phút
Bài 21: Các loại CSS - lý thuyết
17 phút
Bài 22: Các loại CSS – thực hành
20 phút
Bài 23: CSS layout - phần 1
10 phút
Bài 24: CSS layout - phần 2
8 phút
Bài 25: CSS layout - phần 3
7 phút
Bài 26: CSS layout - phần 4
15 phút
Bài 27: CSS layout - phần 5
8 phút
Bài 28: CSS layout - phần 6
16 phút
Bài 29: CSS Layout - Phần 7
23 phút
Bài 30: CSS -Layout phần 8
7 phút
Bài 31: CSS Layout - Phần 9
19 phút
Bài 32.2 - Bài tập CSS - Chia bố cục
8 phút
Bài 32.3: BÀI TẬP CSS – Top Header
18 phút
Bài 32.4: Bài tập CSS - Logo - Menu
30 phút
Bài 32.5: Bài tập CSS- Slider-Sản phẩm
33 phút
Bài 32.6 - Bài tập CSS - Phần cuối
34 phút
CHƯƠNG VI: JAVASCRIPT &, DOM
7 giờ 27 phút
Bài 33: Javascript phần 1
22 phút
Bài 34: Javascript phần 2
26 phút
Bài 35: Javascript phần 3
13 phút
Bài 36: Javascript phần 4
14 phút
Bài 37: Javascript phần 5
18 phút
Bài 38: Javascript phần 6
16 phút
Bài 39: Javascript phần 7
17 phút
Bài 40: Javascript phần 8
5 phút
Bài 41: Javascript DOM - phần 1
26 phút
Bài 42: Javascript DOM - phần 2
11 phút
Bài 43: Javascript DOM - phần 3 - Bài tập nhỏ
4 phút
Bài 44: Javascript DOM - phần 4 - Bài tập nhỏ (Number)
15 phút
Bài 45: Javascript DOM - phần 5 - Bài tập tạo table động
18 phút
Bài 46: Javascript DOM - phần 6 - Bài tập tạo dropbox động
7 phút
Bài 47: Javascript DOM - phần 7 - Đối tượng Date
9 phút
Bài 48: Javascript DOM - phần 8 - Đối tượng Chuỗi - phần 1
20 phút
Bài 49: Javascript DOM - phần 9 - Đối tượng Chuỗi - phần 2
7 phút
Bài 50: Javascript DOM - phần 10 - Các hộp thoại
14 phút
Bài 51: Javascript DOM - phần 11 - Thay đổi CSS - ví dụ
14 phút
Bài 52: Javascript DOM - phần 12 - Form Validation
24 phút
Bài 53: Javascript DOM - phần 13 - Form Validation 2
6 phút
Bài 54: Javascript DOM - phần 14 - Form Validation 3
20 phút
Bài 55: Bài tập Javascript tông hợp - phần 1
31 phút
Bài 56: Bài tập Javascript tổng hợp - phần 2
36 phút
Bài 57: Bài tập Javascript tổng hợp - phần 3
32 phút
Bài 58: Bài tập Javascript tổng hợp - tổng kết
22 phút
CHƯƠNG VII: JQUERY
4 giờ 13 phút
Bài 59: jQuery - phần 1
31 phút
Bài 60: jQuery - phần 2
18 phút
Bài 61: jQuery - phần 3
11 phút
Bài 62: jQuery - phần 4
12 phút
Bài 63: jQuery - phần 5
12 phút
Bài 64: jQuery - phần 6
9 phút
Bài 65: jQuery - phần 7
5 phút
Bài 66: jQuery - phần 8
16 phút
Bài 67: jQuery - DOM
13 phút
Bài 68: jQuery - DOM - Tiếp theo
8 phút
Bài 69: jQuery - DOM - CSS
13 phút
Bài 70: jQuery - DOM - CSS - tiếp theo
10 phút
Bài 71: jQuery - DOM - Traversing - Descendants - phần 1
15 phút
Bài 72: jQuery - DOM - Traversing - Descendants - phần 2
10 phút
Bài 73: jQuery - DOM - Traversing - Descendants - phần cuối
13 phút
Bài 74: Cách sử dụng từ khoá tìm kiếm google -API, component jquery - bài tập jQuery form validation
30 phút
Bài 75: jQuery và slideshow cho banner trang web
27 phút
CHƯƠNG VIII: BOOTSTRAP &, RESPONSIVE
2 giờ 19 phút
Bài 76: Khái niệm Responsive Web
14 phút
Bài 77: Bootstrap - các khái niệm
21 phút
Bài 78: Hệ thống grid trong bootstrap
32 phút
Bài 79: Glyphicon và Jumbotron trong bootstrap
15 phút
Bài 80: Sử dụng image trong bootstrap
8 phút
Bài 81: Sử dụng menu - navigation trong bootstrap - phần 1
24 phút
Bài 82: Sử dụng menu - navigation trong bootstrap - phần 2
10 phút
Bài 83: Carousel bootstrap
15 phút
CHƯƠNG IX: ĐỒ ÁN THỰC HÀNH 1
1 giờ 36 phút
Bài 84: Giới thiệu Đồ án Xây dựng layout Website Giới thiệu công ty
7 phút
Bài 85: Lập trình đồ án 1 - phần 1
35 phút
Bài 86: Lập trình đồ án 1 – kết thúc
32 phút
Bài 87: Animation - hiệu ứng chuyển động cho website
22 phút
Mã nguồn - Sourcecode Đồ án 1
CHƯƠNG X: ĐỒ ÁN THỰC HÀNH 2
1 giờ 31 phút
Sourcecode - Mã nguồn - Đồ án 2
Bài 88: Giới thiệu đồ án 2 - Dàn layout website theo template hỗ trợ bootstrap
5 phút
Bài 89: Chia sẻ một số kinh nghiệm trong xây dựng website - Trang chủ Đồ án 2 - P1
33 phút
Bài 90: Trang chủ Đồ án 2 – Phần cuối
24 phút
Bài 91: Phân tích các trang còn lại - đồ án 2
19 phút
Bài 92: Tổng kết khoá học
10 phút
CHƯƠNG BỔ SUNG: Hướng dẫn sử dụng Sublime Text3 và các mẹo làm nhanh cho HTML,CSS
1 giờ 15 phút
HD và cài đặt công cụ Sublime Text 3 hỗ trợ HTML, CSS - P 1
Xem trước
17 phút
HD và cài đặt công cụ Sublime Text 3 hỗ trợ HTML, CSS - P 2
Xem trước
12 phút
HD và cài đặt công cụ Sublime Text 3 hỗ trợ HTML, CSS - P 3
Xem trước
13 phút
HD và cài đặt công cụ Sublime Text 3 hỗ trợ HTML, CSS - P 4
Xem trước
16 phút
BHD và cài đặt công cụ Sublime Text 3 hỗ trợ HTML, CSS - Phần cuối
Xem trước
17 phút
CHƯƠNG BỔ SUNG BÀI MỚI
1 giờ 28 phút
NEW: Code bài tập javascript: Máy tính cầm tay
50 phút
NEW: Tạo Bootstrap Tooltip
8 phút
NEW: Tạo Bootstrap Popover
10 phút
NEW: Bổ sung chia layout Bootstrap
20 phút
Chương XI: CẮT FILE PHOTOSHOP VÀ DÀN LAYOUT BOOTSTRAP
1 giờ 59 phút
Mã nguồn chương trình + File Photoshop PSD - Dàn layout
Giới thiệu dự án Cắt layout PSD và dàn trang bootstrap, tạo trang giới thiệu - CV ấn tượng
Xem trước
7 phút
Các thao tác cơ bản trong Photoshop khi cắt layout - P1
Xem trước
9 phút
Các thao tác cơ bản trong Photoshop khi cắt layout - P2
Xem trước
9 phút
Tìm hiểu media query CSS3
Xem trước
14 phút
NEW: Bí quyết tạo Project mới khi dàn layout không tốn thời gian với template
7 phút
NEW: Cắt PSD và dàn layout bootstrap (P1)
13 phút
NEW: Cắt PSD và dàn layout bootstrap (P2)
28 phút
NEW: Cắt PSD và dàn layout bootstrap (P3)
12 phút
NEW: Cắt PSD và dàn layout bootstrap (P4)
15 phút
NEW: Cắt PSD và dàn layout bootstrap (P5)
5 phút
NEW: Cắt PSD và dàn layout bootstrap (P6)
Thông tin giảng viên
LÊ QUANG SONG
10 khóa học
2842 học viên
Giảng viên hướng dẫn: LÊ QUANG SONG
| LÝ LỊCH CÁ NHÂN | Sáng lập viên hệ thống MyClass.vn Sáng lập viên hệ thống ItClass.vn Anh Song đã tốt nghiệp Thạc Sỹ ngành Khoa Học Máy Tính tại trường Đại học Khoa Học Tự Nhiên. Anh luôn tâm huyết xây dựng một hệ thống giảng dạy trực tuyến nhằm tạo ra các khóa học tốt nhất, chi phí thấp nhất để hỗ trợ cho cộng đồng, cho các bạn trẻ khắp cả nước. |
| MỘT SỐ THÀNH TÍCH NỔI BẬT | Giải 3 Nhân Tài Đất Việt năm 2007 với sản phẩm : Framework hỗ trợ phát triển 3D Game trên pocket PC. Giải thưởng “Ý tưởng sáng tạo Gameas” của VinaGame năm 2007. Giải thưởng “Sinh viên nghiên cứu khoa học” năm 2007. Giải thưởng“Eureka” cấp thành phố năm 2007. Giải thưởng “Sáng tạo Khoa Học Kỹ Thuật Thành phố năm 2008”. Bằng Khen Chủ Tịch Thành phố của cuộc thi “Sáng tạo Khoa Học Kỹ Thuật Thành Phố năm 2010”. |
| TIỂU SỬ CÔNG TÁC | 1. Từ 05/2013 đến nay: Sáng lập hệ thống khóa học miễn phí Myclass.vn và Hệ thống học lập trình trực tuyến ItClass.vn 2. Từ 05/2011 đến 05/2013: Đồng sáng lập - Giám đốc Điều hành công ty Cổ phần Công nghệ Năng động. 3. Từ 4/2009 đến 04/2011: Trưởng dự án E-learning project tại Anh Văn Hội Việt Mỹ (VUS) 4. Từ 08/2007 đến 4/2009 : Lập trình viên tại công ty ELCA Switzerland |
| BÁO CÁO KHOA HỌC | [1] Le Quang Song, Tran Minh Triet, Morphing cloth textures based on human upper body pose estimation to develop virtual dressing room, Journal of Science and Technology (Vietnam Academy of Science and Technology), ISSN: 0866 708X . International Conference on Advanced Computing and Applications (ACOMP 2013), Ho Chi Minh City, Vietnam, October 23-25, 2013 [2] Quang-Song Le and Minh-Triet Tran , Overlay upper Clothing Textures to Still Images based on Human Pose Estimation, Rinton Press , JMM Vol.10 2014, (43-57) http://www.cse.hcmut.edu.vn/acomp2013 http://www.youtube.com/watch?v=xpwACV3UfOQ |
Đánh giá của học viên
Điểm đánh giá trung bình
4.7
89 %
(25)
4 %
(1)
0 %
(0)
0 %
(0)
7 %
(2)
Phan Văn Long - 01/04/2017
5*
Thầy dạy nhiệt tình, dễ hiểu, dạy căn bản đến nâng cao 1 cách chi tiết,mọi vấn đề ko hiểu liên hệ thầy đều được giải thích,cảm ơn thầy.
Trần Mạnh Hùng - 22/02/2017
Great
Tuyệt vời thầy ạ. Nhờ khóa này mà em đã nắm rõ được về làm web, về nền tảng web. Rất nhiệt tình ạ.
Pham Vo Hoai Phu - 18/02/2017
Không thể tìm được nơi nào chất lượng hơn
Xin cảm ơn thầy rất nhiều. Thầy đã mang lại những bài học rất chi tiét, cặn kẽ. Cách giảng bài rất thu hút và rất nhiệt tình ạ. Chúc thầy luôn sức khỏe và myclass.vn ngày càng phát triển để mang lại nhiều khóa học bổ ích cho cộng đồng ạ.
Tuyệt vời myclass.vn
Đã học ở rất nhiều nơi, cuối cùng đây là nơi mà tôi cho là tốt nhất trong đào tạo trực tuyến về lập trình hiện nay. Các thầy rất tâm huyết, rất nhiệt tình, kiến thức và cách trình bày rất khoa học, tôi chưa biết gì nhưng học và hiểu ngay. Xin cảm ơn myclass.vn và các thầy đã tạo ra hệ thống này.
Lê Bảo Châu - 02/02/2017
Bài giảng đầy đủ
Từng học rất nhiều khóa học online trên mạng, em thấy ITCLASS có những khóa học đầy đủ và xứng đáng với trị giá mỗi khóa. Mong thầy hoàn thành xong những bài về Photoshop để chúng em có thể kết thúc khóa học
Kiều Xuân Mạnh - 26/01/2017
Cực kì hài lòng
Bài giảng của thầy cực kì chi tiết và dễ hiểu. Hồi trước e tự học trên w3school nhưng cảm thấy rối và không có cái nhìn tổng quát được. Trong 2 ngày học liền 1 lúc 30 bài của thầy thấy dễ hiểu vô cùng.
Cám ơn thầy rất nhiều ạ, càng học càng mê ^^
Cám ơn thầy rất nhiều ạ, càng học càng mê ^^
Hieu - 30/12/2016
Great +++
Cam on Thay nhieu . Em moi hoc duoc 10/123 bai nhung cam thay that su rat hai long voi kien thuc tiep thu tu bai giang cua thay. Cang hoc cang cam thay hung thu tu phan ly thuyet cho toi bai thuc hanh .
NguyenThiTraMy - 01/10/2016
Tuyệt vời
Thật sự em rất cảm ơn sự nhiệt tình của thầy, các bài giảng chi tiết từng bước rất phù hợp với những người chưa biết gì như em, giọng thầy giảng rất hay, rõ ràng, và rất tâm huyết, em cảm ơn thầy, và chúc myclass.vn càng ngày phát triển hơn. Thân
Nguyen Van - 30/04/2016
thầy giảng rất chi tiết và dễ hiểu
thầy giảng rất chi tiết và dễ hiểu. Cảm ơn thầy rất nhiều !
Khóa học cực kỳ bổ ích và chất lượng
Thầy giảng rất hay rất ân cần , nhiệt tình và bài học vô cùng dễ hiểu
Nghi - 31/03/2016
Bài giảng rất dễ hiểu. Cảm ơn thầy.
Đặng Quang Sáng - 10/02/2016
Đăng ký khóa học năm mới
Mong đk năm mới gặp được thành công. Chúc Thầy năm mới an khang thịnh vượng.
Trí Thức - 09/12/2015
Giọng thầy hay quá
Giọng thầy giảng hay, slide rất đẹp, dễ hiểu, có điều thầy ra bài nhanh hơn tí đi, em đang cần kiến thức phần boostrap vs javacript...hóng quá... Cảm ơn thầy...
Prix :
999,000đ