Lập trình Frontend 28tech

Share Khóa Học Lập Trình Front-end 28Tech Mới Nhất

Share Khóa Học Lập Trình Front-end bao gồm 45 buổi học kèm theo tài liệu đi theo khóa học mới nhất 2023. Khóa học giúp bạn sử dụng thành thạo các công nghệ thiết kế giao diện web: HTML5, CSS3, các CSS Framework & các thư viện JavaScript mới nhất hiện nay.

♦ Hầu hết các bạn hiên nay, đang theo học các khóa học lập trình khá phổ biến, nghề lập trình giúp các bạn có một mức lương thu nhập ổn định.

♦  Nếu các bạn đang muốn phát triển web front-end, đang có nhu cầu rất lớn từ thị trường. Muốn tìm một công việc có tính linh động cao: bạn có thể làm việc từ mọi nơi, kể cả ở nhà. Công việc có tính sáng tạo: bạn sẽ có kỹ năng xây dựng các trang web tùy chỉnh để tạo trải nghiệm người dùng tốt nhất có thể.

Những Ai Nên Tham Giá Khóa Học Này?

✅ Các bạn định hướng được công việc lập trình Front-end

✅ Các bạn sinh viên đang theo học các ngành khác ngoài IT, mong muốn chuyển sang ngành IT để có được các cơ hội việc làm và phát triển nghề nghiệp tốt hơn

✅ Các bạn trẻ đang băn khoăn không biết lựa chọn ngành nghề nào cho mình, đang mong muốn được tư vấn và hỗ trợ để có thể đưa ra lựa chọn đúng của mình, nhanh chóng nắm vững tay nghề và tìm kiếm việc làm.

✅ Các bạn sinh viên IT đang theo học tại các trường ĐH, mong muốn có một nền tảng lập trình vững vàng để tạo lợi thế khi đi xin việc

Bạn Sẽ Học Được Gì Từ Khóa Học

✅Nền tảng vững chắc

Đạt được nền tảng kỹ thuật lập trình vững chắc và tư duy trong việc giải quyết vấn đề.

✅Xây dựng giao diện hoàn chỉnh

Xây dựng được giao diện web hoàn chỉnh sử dụng các công nghệ HTML5, CSS3, các CSS Framework, Javascript Framework

✅Tự xây dựng web bằng ReactJS

Tạo được ứng dụng Frontend sử dụng nền tảng ReactJS và triển khai kiểm thử tích hợp cho ứng dụng ReactJS

✅Nắm chắc Javascript

Sử dụng thành thạo ngôn ngữ JavaScript để giải quyết các vấn đề căn bản của lập trình

Nội Dung Khóa Học

PHẦN 1. Giới thiệu và định hướng, học HTML, HTML5
Buổi 1. Giới thiệu và định hướng
Giới thiệu khóa học và lộ trình học
Giới thiệu công việc Frontend trong thực tế
Giới thiệu UI – UX
Hướng dẫn cài đặt các phần mềm cần thiết
Học HTML: Khái niệm, cấu trúc file HTML và ý nghĩa các thẻ
Buổi 2. Học HTML, HTML5 (Tiết 1)
Tạo Elements, Attributes
Tạo Headings, Paragraphs, Formatting
Tạo Links, Image, Video, Audio, Table, List
Buổi 3. Học HTML, HTML5 (Tiết 2)
Phân loại thẻ block và inline
Class và Id
Nhúng Iframe
Một số thẻ Semantic
Forms: Form Attributes, Form Elements, Input Types, Input Attributes
Bài test trắc nghiệm
PHẦN 2. Học CSS, CSS3, Project mini 1
Buổi 4: Học CSS, CSS3 cơ bản (Tiết 1)
Khái niệm, cú pháp, selectors
3 kiểu insert CSS: External CSS, Internal CSS, Inline CSS
Colors, Backgrounds
Box Model, Borders, Outline, Margins, Padding
Height, Width
Text, Fonts, Icons
Lists, Tables, Display, Position, Z-index
Overflow, Float, Align
Buổi 5. Học CSS, CSS3 cơ bản (Tiết 2)
Combinators
Pseudo-classes
Pseudo-element
Opacity
Attribute Selectors
Units, Specificity, Math Functions
Web Fonts
Buổi 6. Học CSS, CSS3 nâng cao (Tiết 1)
Variables
Box Sizing
Media Queries
Flexbox
Responsive
Buổi 7. Học CSS, CSS3 nâng cao (Tiết 2)
Tập cắt giao diện có responsive
Giao bài project mini 1
Buổi 8. Tổng kết kiến thức đã học và ôn tập lại.
PHẦN 3. Học Bootstrap 4, 5
Buổi 9. Học Bootstrap 4 (Tiết 1)
Giới thiệu và hướng dẫn tích hợp vào web
Dựng layout và sử dụng Grid
Responsive layout
Buổi 10. Học Bootstrap 4 (Tiết 2)
Components: Alerts, Badge, Breadcrumb, Buttons, Carousel, Collapse, Dropdowns, Forms, Modal
Buổi 11. Chữa bài project mini 1
Buổi 12. Học Bootstrap 4 (Tiết 3)
Components: Navs, Navbar, Pagination, Toasts, Tooltips.
Buổi 13. Học Bootstrap 4 (Tiết 4) và hướng dẫn học Bootstrap 5
Một số Utilities phổ biến (của Bootstrap 4): Borders, Colors, Display, Flex, Float, Position, Spacing, Text, Vertical alignment
Hướng dẫn học Bootstrap 5: So sánh sự khác biệt với Bootstrap 4, hướng dẫn cài đặt, hướng dẫn học những phần khác biệt so với Bootstrap 4
Giao bài project mini 2
PHẦN 4. Học GIT, GITHUB
Buổi 14. Học GIT, GITHUB
Học GIT: Khái niệm, các câu lệnh GIT sử dụng phổ biến
Sử dụng GITHUB: Tạo tài khoản và tạo Repository, đẩy code của project mini 2 lên Repository đã tạo, deploy code lên Vercel và Cloudflare
Buổi 15. Chữa bài project mini 2
PHẦN 5. Javascript cơ bản và nâng cao (ES5, ES6+)
Buổi 16. Javascript cơ bản (Tiết 1)
Khái niệm
Variables, Operators
Data Types
Comparisons, Logic Operators
Buổi 17. Javascript cơ bản (Tiết 2)
If Else
Switch Case
Loop For
Loop For In
Loop For Of
Loop While
Break, Continue
Typeof
Buổi 18. Javascript cơ bản (Tiết 3)
Functions
Từ khóa “this”
Try Catch
Buổi 19. Javascript cơ bản (Tiết 4)
BOM: Window, Screen, Location, Popup Alert, Timing
Buổi 20. Javascript cơ bản (Tiết 5)
Khái niệm DOM
DOM Document
DOM Elements
DOM CSS
Buổi 21. Javascript cơ bản (Tiết 6)
Events
DOM Events
DOM Events Listener
Buổi 22. Javascript nâng cao (Tiết 1)
DOM Nodes
Scope
Hoisting, Strict Mode
Modules
JSON, JSON server
Buổi 23. Javascript nâng cao (Tiết 2)
Callbacks
Promises
Fetch API
Async/Await
Buổi 24. Javascript nâng cao (Tiết 3)
Storage API: localStorage, sessionStorage
Cookies
Closures
Giao bài project mini 3
PHẦN 6. Package Managers, BEM, SASS/SCSS
Buổi 25. Package Managers, BEM, SASS/SCSS
NPM, YARN
BEM
SASS/SCSS
Giao bài project mini 4
Buổi 26. Chữa bài project mini 3
Buổi 27. Chữa bài project mini 4
PHẦN 7. ReactJS, Redux, React Router (Project mini 5)
Buổi 28. Học ReactJS (Tiết 1)
Khái niệm, giới thiệu một số dự án thực tế
Hướng dẫn cài đặt
Giải thích cấu trúc thư mục và ý nghĩa các file
Ôn lại Javascript
Buổi 29. Học ReactJS (Tiết 2)
JSX
Components
Props
Events
Buổi 30. Học ReactJS (Tiết 3)
Conditional Rendering
Lists
Sử dụng CSS/SCSS trong ReactJS
Buổi 31. Học ReactJS (Tiết 4)
Hooks: useState, useEffect
Buổi 32. Học ReactJS (Tiết 5)
Hooks: useContext, useRef, useCallback
Buổi 33. Học ReactJS (Tiết 6)
Hooks: useMemo, useReducer
Buổi 34. Học ReactJS (Tiết 7)
Làm bài tập về Hooks
Buổi 35. Học Redux trong ReactJS (Tiết 1)
Khái niệm, cách hoạt động của Redux
Tìm hiểu Actions, Reducers, Store
Buổi 36. Học Redux trong ReactJS (Tiết 2)
Làm bài tập về Redux
Buổi 37. Học React Router
Giới thiệu, hướng dẫn cài đặt
Cách sử dụng components và hooks trong React Router
Giao bài project mini 5
PHẦN 8. Ant Design và Ant Design Charts
Buổi 38. Ant Design (Tiết 1)
Giới thiệu và hướng dẫn cài đặt
Components: Button, Icon, Typography, Grid, Layout, Dropdown, Menu
Buổi 39. Ant Design (Tiết 2)
Components: Checkbox, DatePicker, Form, Input, Radio, Select, Slider
Buổi 40. Ant Design (Tiết 3)
Components: Switch, Badge, Carousel, Collapse, Image, Table, Tabs
Buổi 41. Ant Design (Tiết 4)
Components: Tag, Tooltip, Message, Modal, Notification, Skeleton, Spin

Buổi 42. Ant Design Charts
Charts: Basic Line, Multi Line, Pie
Hướng dẫn sử dụng một số chart khác
PHẦN 9. Project cuối khóa
Buổi 43. Giao bài project cuối khóa và chữa bài project mini 5
Buổi 44. Chữa bài project cuối khóa