Chia Sẻ Khóa Học Học lập trình HTML5 từ đầu
Như các bạn đã biết, HTML5 là ngôn ngữ cơ bản và phổ biến nhất hiện nay được sử dụng để tạo nên các website hiện đại, thẩm mỹ và phù hợp với các xu hướng thiết kế mới. HTML5 là nền tảng cốt lõi để các nhà cung cấp dịch vụ web mang nội dung, sản phẩm của mình tới tay người dùng trên mọi thiết bị từ PC đến di động mà không cần phải lệ thuộc vào Flash hay các phụ kiện khác.
Trong khóa học này bạn sẽ được học cách viết mã lệnh để xây dựng một website theo tiêu chuẩn HTML5 cho chính mình. Khoá học được viết để giúp các bạn chưa biết gì về ngôn ngữ này có thể nhanh chóng nắm được các kỹ năng cơ bản và quan trọng nhất trong HTML5.
Trong suốt quá trình học bạn sẽ được thực hành viết mã lệnh với các ví dụ dễ hiểu, trực quan, cách diễn giải thú vị để bạn có thể vừa xem và vừa làm ngay trên máy tính của mình. Bạn sẽ bắt đầu học về các thẻ cơ bản trong HTML và cú pháp CSS, sau đó là những điểm mới trong lập trình HTML5 và CSS3 cùng một số tính năng nâng cao hơn. Khóa học này bao gồm các ví dụ dễ hình dung cho mỗi khái niệm để đảm bảo các bạn có thể hiểu sâu và rõ ràng về phương tiện kỹ thuật này.
Khóa học dành cho người mới bắt đầu và cũng phù hợp với các bạn đang làm thiết kế web cần biết tính năng mới của HTML5 để làm việc hiệu quả và tiết kiệm thời gian hơn. Ngôn ngữ thiết kế HTML5 là ngôn ngữ rất dễ học và rất cơ bản trong việc làm website, nên bạn cũng không cần phải băn khoăn lắm vì khả năng của mình trước khi bắt đầu. Cả hai đều không phải là ngôn ngữ lập trình nên sẽ không có những toán tử, kiểu biến dữ liệu,…mà nó là một ngôn ngữ đánh dấu văn bản và ngôn ngữ định dạng nên bạn có thể sẽ thấy thú vị khi bắt đầu, nếu hiện tại bạn chưa biết gì hết.
CÁC BẠN ĐÃ SẴN SÀNG CHƯA? HÃY CÙNG TÔI TRẢI NGHIỆM KHOÁ HỌC NÀY NHÉ. CHÚC CÁC BẠN THÀNH CÔNG.
Lợi ích từ khóa học
- - Nắm chắc kiến thức cơ bản để xây dựng một trang web theo cấu trúc HTML5 và định dạng CSS3.
- - Phát triển kỹ năng làm việc độc lập và làm việc nhóm
- - Làm Front-end developer tại các công ty chuyên thiết kế website, gia công dự án website lớn
- - Làm SEO (tối ưu hóa công cụ tìm kiếm) tại các công ty Marketing online
- - Làm freelance fix bug HTML, CSS tối ưu hóa trang web sẵn có hoặc tự làm theme để bán
- - Có nền tảng cơ bản để tiếp tục học chuyên sâu về lập trình web, lập trình di động hoặc lập trình game trên nền tảng HTML5
Giáo trình
Phần 1: Lời giới thiệu về HTML cơ bản
Bài 1: Giới thiệu - Chuẩn bị
Bài 2: Cấu trúc trang web dựa trên HTML
Bài 3: Cấu trúc cơ bản file HTML
Bài 4: Sơ lược các thẻ cơ bản trong HTML
Bài 5: Chi tiết các thẻ trong HTML - Các thẻ tiêu đề <h1> - <h6>
Bài 6: Chi tiết các thẻ trong HTML - Thẻ <p>
Bài 7: Chi tiết các thẻ trong HTML - Các thẻ định dạng chữ viết
Bài 8: Chi tiết các thẻ trong HTML - Thẻ định dạng danh sách <ul> <li> và <ol> <li>
Bài 9: Chi tiết các thẻ trong HTML - Thẻ định dạng danh sách mô tả <dl>
Bài 10: Chi tiết các thẻ trong HTML - Thẻ định dạng bảng <table>
Bài 11: Định dạng bảng không dùng thẻ <table>
Bài 12: Thành phần block và inline
Bài 13: Đặt ảnh trong HTML
Bài 14: Cấu trúc XHTML - Kiểm tra tính hợp lệ
Bài 15: Thực hành
Phần 2: Căn bản về CSS
Bài 16: Giới thiệu - Chuẩn bị
Bài 17: Vai trò của CSS
Bài 18: Cú pháp CSS
Bài 19: Ba cách định kiểu
Bài 20: Định dạng văn bản với CSS - Thiết lập font - Phần 1
Bài 21: Định dạng văn bản với CSS - Thiết lập font - Phần 2
Bài 22: Định dạng văn bản với CSS - Thực hành thiết lập font
Bài 23: Định dạng văn bản với CSS - Khoảng cách văn bản
Bài 24: Bố cục CSS - Box model
Bài 25: Thực hành box model
Bài 26: Bố cục CSS - Float
Bài 27: Bố cục CSS - Clear
Bài 28: Bố cục CSS - Position
Bài 29: Thực hành căn bản CSS - Phần 1
Bài 30: Thực hành căn bản CSS - Phần 2
Bài 31: Thực hành căn bản CSS - Phần 3
Bài 32: Thực hành căn bản CSS - Phần 4
Bài 33: Thực hành căn bản CSS - Phần 5
Phần 3: Giới thiệu về HTML 5
Bài 34: Giới thiệu về HTML 5, những nội dung chính và chuẩn bị
Bài 35: Định nghĩa HTML5
Bài 36: Sơ lược về các điểm mới trong lập trình HTML5
Bài 37: Các điểm mới trong lập trình HTML5 - Storage, Type, Audio, Video, Motion và Game 3D
Bài 38: Cú pháp của HTML5 và khai báo DocType
Bài 39: Thẻ ngữ nghĩa (semantic tag)
Bài 40: Thực hành thẻ ngữ nghĩa
Bài 41: Thẻ Video
Bài 42: Thực hành thẻ video
Bài 43: Thẻ Audio
Bài 44: Thực hành thẻ Audio
Bài 45: Giới thiệu về Web storage
Bài 46: Giới thiệu về Javascript
Bài 47: Giới thiệu về Session storage
Bài 48: Giới thiệu về Local sotrage
Bài 49: Giới thiệu về Canvas
Bài 50: Thực hành sử dụng Javascript
Bài 51: Giới thiệu về Geolocation
Bài 52: Giới thiệu về Web form 2.0
Bài 53: Gửi dữ liệu Mail client
Bài 54: Gửi dữ liệu Google Forms
Phần 4: Căn bản về CSS3
Bài 55: Giới thiệu - Chuẩn bị
Bài 56: Các thành phần mới trong CSS3
Bài 57: Các thành phần mới - Selector
Bài 58: Các thành phần mới - Rounded Corner
Bài 59: Các thành phần mới - Border Image
Bài 60: Các thành phần mới - Background
Bài 61: Các thành phần mới - Gradients
Bài 62: Các thành phần mới - Shadow Effects
Bài 63: Các thành phần mới - Fonts
Bài 64: Các thành phần mới - Transform 2D
Bài 65: Các thành phần mới - Transform 3D
Bài 66: Các thành phần mới - Transitions
Bài 67: Các thành phần mới - Animation
Bài 68: Thực hành tổng hợp
Bài 69: Thực hành tổng hợp - Background và Font
Bài 70: Thực hành tổng hợp - Shadow Effect
Bài 71: Thực hành tổng hợp - Animation
Bài 72: Thực hành tổng hợp - Thanh tiến trình
Bài 73: Thực hành tổng hợp - Hiệu ứng bounce
Phần 5: Xây dựng một Project WEB app trong HTML 5
Bài 74: Giới thiệu bài thực hành
Bài 75: Tổng quan
Bài 76: Tạo cấu trúc HTML5
Bài 77: Reset CSS
Bài 78: Thiết lập Reset CSS
Bài 79: Tạo Vender Prefix
Bài 80: Google Fonts
Bài 81: Định dạng Body
Bài 82: Header
Bài 83: Tạo thẻ nav
Bài 84: Image Slider - Article
Bài 85: Tạo banner images
Bài 86: Tạo banner animation
Bài 87: Tạo dải Spacer
Bài 88: Style cho Textbox button
Bài 89: Tạo HTML cho 3 columns
Bài 90: CSS cho 3 columns
Bài 91: Tạo HTML cho 4 columns
Bài 92: CSS cho 4 columns
Bài 93: Tạo Zoom In cho 4 columns
Bài 94: Tạo HTML Lightbox
Bài 95: CSS cho section Lightbox - Giải thích position
Bài 96: Tạo event click chuột hiển thị Lightbox
Bài 97: Footer và plugin Emmet
Bài 98: Làm CSS cấu trúc multiple columns
Bài 99: Tạo hiệu ứng phóng rocket
Bài 100: Tạo hiệu ứng rung lắc cho đồng hồ
Bài 101: Làm footer 3 cột
Bài 102: Làm footer copyright
Bài 103: Giới thiệu responsive design
Bài 104: Khái niệm và bước 1: Thực hiện
Bài 105: Responsive bước 2: Media type
Bài 106: Responsive bước 3: Media feature
Bài 107: Mobile first vs Desktop first
Bài 108: Responsive thực hành
Bài 109: Responsive code
0 nhận xét:
Đăng nhận xét