Responsive Mastery: Xây dựng website chạy trên đa thiết bị(Laptop, Ipad, Iphone...)
Bí quyết responsive làm website trên đa thiết bị
- 69 bài học
- Hỗ trợ hỏi đáp 8h - 22h mỗi ngày
Đăng ký Trọn Gói tiết kiệm 2.500.000đ Tại đây
Bạn nhận được gì
- Bạn làm chủ được quy trình chuyển website chạy PC sang chạy trên đa thiết bị như tablet, iphone, ipad, TV
- Bạn nắm được cách dàn khung website phù hợp trên đa thiết bị
- Bạn có được thuật toán tạo mọi loại menu website chạy trên nhiều thiết bị khác nhau
- Bạn sở hữu một công cụ không thể thiếu trong front-end web -> giúp bạn có lương cao
Học thử
Bạn click vào nút Học thử để xem video bài học, đây là giải pháp để bạn tiếp cận kiến thức thực tế đi làm sau một khoảng thời gian ngắn, bấm vào Đăng ký ngay để tham gia chương trình
Ai là người phù hợp với chương trình này
- Bạn là sinh viên đang mong muốn có một công việc lập trình web và sự nghiệp đột phá
- Bạn là người đã đi làm và muốn tăng tốc trong quá trình phát triển thăng tiến
Tại sao bạn cần tham gia chương trình này?
Làm website chạy trên đa thiết bị là một yêu cầu không thể thiếu trong bộ kỹ năng của những lập trình viên website trong thời đại hiện nay khi mà các thiết bị smart liên tục phát triển.
Chương trình này giúp bạn có kỹ năng, tư duy từ cơ bản đến nâng cao từ đó có thể làm chủ được việc xây dựng website trên các lớp thiết bị khác nhau như máy tính PC, laptop, máy tính bảng và các loại thiết bị di động với các kích thước khác nhau.
Khi có kỹ năng này bạn sẽ trở nên giá trị hơn vô cùng trong mắt nhà tuyển dụng và bạn có lợi thế cạnh tranh vô cùng lớn để phát triển một cách mạnh mẽ.
Chế độ hỗ trợ đặc biệt
- Bạn được hỗ trợ tâm huyết từ Phan Văn Cương và cộng sự. Tất cả các câu hỏi được giải đáp và hỗ trợ cho đến khi bạn làm chủ được các tình huống xử lý.
- Đặc biệt ngay cả khi bạn đi làm vẫn được hỗ trợ tận tình.
- Ngoài ra khi làm việc học tập bạn được nhận những chia sẻ miễn phí về phát triển bản thân giúp sự nghiệp bạn phát triển đột phá!
Điều kiện tham gia chương trình
- Có sổ ghi chép
- Bút bi, bút chì, bút nhiều màu
- Máy tính nối mạng wifi
- Có 2h mỗi ngày để học và luyện tập
Nội dung khóa học
-
Phần 1: Khởi động6 bài
-
Bài 1.1: Giới thiệu về chương trình Responsive Mastery04:31
-
Bài 1.2: Cách vào nhóm hỗ trợ kèm cặp01:36
-
Bài 1.3: 5 bước học hiệu quả chương trình04:30
-
Bài 1.4: Tư duy học tập đỉnh cao02:09
-
Bài 1.5: Phần mềm viết code nên dùng01:54
-
Bài 1.6: Cấu trúc thư mục Responsive Mastery03:09
-
-
Phần 2: Nhập môn Responsive Web Design9 bài
-
Bài 2.1: Vai trò của responsive trong thế giới website + demo apple07:28
-
Bài 2.2: Cách kiểm tra responsive trên trình duyệt02:41
-
Bài 2.3: Cách kiểm tra Responsive với Add on Resizer03:07
-
Bài 2.4: Bật chế độ website chạy trên đa thiết bị (viewport)01:59
-
Bài 2.5: 2 tiến trình xử lý Responsive(Mobile First và PC First)04:34
-
Bài 2.6: Phân chia code Responsive với Css311:17
-
Bài 2.7: Ghi đè Css trong Responsive10:07
-
Bài 2.8: Query Media cho Mobile First13:37
-
Bài 2.9: Query Media cho Pc First08:10
-
-
Phần 3: Layout Responsive9 bài
-
Bài 3.1: Tư duy responsive layout08:10
-
Bài 3.2: Sử dụng max-width trong Responsive07:20
-
Bài 3.3: Sử dụng dụng đơn vị % cho layout Responsive06:15
-
Bài 3.4: Kích thước width, height viewport07:42
-
Bài 3.5: Bài tập: Thay đổi layout website đa thiết bị04:02
-
Bài 3.6: Hướng dẫn: #1. Tạo cấu trúc html06:47
-
Bài 3.7: Hướng dẫn: #2. Thiết lập layout trên mobile11:29
-
Bài 3.8: Hướng dẫn #3: Thay đổi bố cục theo Mobile First05:01
-
Bài 3.9: Hướng dẫn: #4. Thay đổi layout website theo Pc First04:59
-
-
Phần 4: Responsive Text6 bài
-
Bài 4.1: Tư duy responsive cho text04:42
-
Bài 4.2: Cách triển khai responsive dành cho text11:45
-
Bài 4.3: Đơn vị tương đối EM trong font size responsive12:50
-
Bài 4.4: Đơn vị tương đối REM trong font size responsive05:01
-
Bài 4.5: Bài tập 2: Responsive tiêu đề website05:01
-
Bài 4.6: Hướng dẫn bài tập 2: Responsive tiêu đề05:37
-
-
Phần 5: Images Responsive2 bài
-
Bài 5.1: Tư duy responsive cho hình ảnh03:42
-
Bài 5.2: Triển khai responsive cho hình ảnh09:54
-
-
Phần 6: Spacing Responsive2 bài
-
Bài 6.1: Tư duy tối ưu padding, margin Responsive03:26
-
Bài 6.2: Cách triển khai tối ưu padding, margin Responsive11:12
-
-
Phần 7: Ẩn hiện phần tử trong responsive2 bài
-
Bài 7.1: Tư ẩn hiện phần tử trong responsive04:34
-
Bài 7-2: Cách triển khai ẩn hiện phần tử Mobile First13:42
-
-
Phần 8: Navbar Repsonsive21 bài
-
Bài 8.1: Tư duy navbar responive03:37
-
Bài 8.2: Demo Navbar Responsive03:58
-
Bài 8.3: Checklist thực hiện dự án08:33
-
Bài 8.4: #1. Tạo cấu trúc file thư mục00:55
-
Bài 8.5: #2. Tạo các file css và import vào html02:24
-
Bài 8.6: #3. Thêm reset css vào dự án02:11
-
Bài 8.7: #4. Định nghĩa class dùng chung03:50
-
Bài 8.8: #5. Tạo cấu trúc html của website09:14
-
Bài 8.9: #6. Style css navbar-brand05:52
-
Bài 8.10: #7. Style main menu04:18
-
Bài 8.11: #8. Style css download button07:34
-
Bài 8.12: #9. Style wp-content02:03
-
Bài 8.13: #10. Fixed menu03:39
-
Bài 8.14: #11. Tư duy áp dụng mobile first responsive giao diện01:35
-
Bài 8.15: #12. Ẩn phần tử không cần thiết ở thiết bị nhỏ04:44
-
Bài 8.16: #13. Xuất hiện icon navabar-toggle trên thiết bị nhỏ04:48
-
Bài 8.17: #14. Tạo repsonsive menu07:45
-
Bài 8.18: #15. Phân tích sự kiện khi bấm vào navbar toggle01:48
-
Bài 8.19: #16. Xử lý sự kiện khi bấm vào navbar toggle03:34
-
Bài 8.20: #17. Tự động ẩn menu khi resize và scroll03:41
-
Bài 8.21: #18. Tổng kết và tối ưu06:36
-
-
Phần 9: Menu đa cấp Responsive12 bài
-
Bài 9.1: Giới thiệu responsive menu đa cấp website04:17
-
Bài 9.2: Thiết lập checklist thực hiện chức năng09:08
-
Bài 9.3: Tạo html của sub-menu05:17
-
Bài 9.4: Định dạng hiển thị cho sub-menu15:45
-
Bài 9.5: Xử lý hover ẩn hiện sub menu06:13
-
Bài 9.6: Tạo sub menu responsive03:09
-
Bài 9.7: Định dạng hiển thị sub menu responsive11:07
-
Bài 9.8: Ý tưởng ẩn hiện sub menu02:44
-
Bài 9.9: Tạo responsive menu toggle09:22
-
Bài 9.10: Xử lý js ẩn hiện menu16:01
-
Bài 9.11: Ẩn sub menu khi resize và scroll04:53
-
Bài 9.12: Tổng kết khoá học09:53
-
Cảm nhận về khóa học
-
DPĐã học tại Unitop
-
NNĐã học tại Unitop
-
LKĐã học tại Unitop
-
BDĐã học tại Unitop
-
NTĐã học tại Unitop
-
BTĐã học tại Unitop
-
NXĐã học tại Unitop
-
TUĐã học tại Unitop
-
LĐã học tại Unitop
-
CĐã học tại Unitop
-
Đã học tại Unitop
-
TĐã học tại Unitop
-
TKĐã học tại Unitop
-
PHĐã học tại Unitop
-
NHĐã học tại Unitop
-
NKĐã học tại Unitop
-
NSĐã học tại Unitop
-
BKĐã học tại Unitop
-
TTĐã học tại Unitop
-
TQĐã học tại Unitop
-
AAĐã học tại Unitop
-
NKĐã học tại Unitop
-
NĐã học tại Unitop
-
TMĐã học tại Unitop
-
PVĐã học tại Unitop
-
LMĐã học tại Unitop
-
TKĐã học tại Unitop
-
LCĐã học tại Unitop
-
TBĐã học tại Unitop
-
NTĐã học tại Unitop
-
NHĐã học tại Unitop
-
HHĐã học tại Unitop
-
HMĐã học tại Unitop
-
QQĐã học tại Unitop
-
TTĐã học tại Unitop
-
DNĐã học tại Unitop
-
LTĐã học tại Unitop
-
PNĐã học tại Unitop
-
BLĐã học tại Unitop
-
THĐã học tại Unitop
-
LBĐã học tại Unitop
-
CCĐã học tại Unitop
-
GHĐã học tại Unitop
-
HCĐã học tại Unitop
-
VBĐã học tại Unitop
-
VVĐã học tại Unitop
-
THĐã học tại Unitop
-
VVĐã học tại Unitop
-
NLĐã học tại Unitop
-
NTĐã học tại Unitop
-
PQĐã học tại Unitop
-
LCĐã học tại Unitop
-
DHĐã học tại Unitop
-
VTĐã học tại Unitop
-
NMĐã học tại Unitop
-
DSĐã học tại Unitop
-
NNĐã học tại Unitop
-
LTĐã học tại Unitop
-
DNĐã học tại Unitop
-
PNĐã học tại Unitop
-
NTĐã học tại Unitop
-
NNĐã học tại Unitop
-
VHĐã học tại Unitop
-
HAĐã học tại Unitop
-
TVĐã học tại Unitop
-
NDĐã học tại Unitop
-
TDĐã học tại Unitop
-
PAĐã học tại Unitop
-
NHĐã học tại Unitop
-
PCĐã học tại Unitop
Bạn cần tư vấn
-
Gọi chúng tôi
Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạnGọi ngay -
Live chat
Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạnChat ngay -
Email cho unitop
Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạnEmail ngay -
Ý kiến người đọc
Bạn gọi cho chúng tôi để hỏi các câu hỏi của bạnXem ngay
-
Tôi là người mới bắt đầu từ số 0 có học được không?
Chương trình được xây dựng từng bước một từ cơ bản lên nên bạn hoàn toàn có thể theo học mà không gặp bất kỳ khó khăn gì. Trên thực tế có nhiều bạn xuất phát điểm số 0 nhưng học theo hướng dẫn có kết quả tốt hơn người biết mỗi chút một ít
-
Unitop có nhiều khóa học tôi cần học theo lộ trình như nào?
Bạn học theo lộ trình bên dưới để đi làm fullstack:
- Giai đoạn 1: Html Css 21 Ngày
- Giai đoạn 2: Js tổng quan cho học lập trình web
- Giai đoạn 3: Làm chủ jquery siêu tốc
- Giai đoạn 4: Responsive xây dựng website chạy trên đa thiết bị
- Giai đoạn 5: Bootstrap AZ
- Giai đoạn 6: Php Master
- Giai đoạn 7: Laravel Pro
- Giai đoạn 8: Triển khai dự án lên mạng internet
Vì các kỹ năng được xây dựng theo bậc thang bạn nên học đến đâu nắm chắc đến đó trước khi qua phần mới sẽ đạt được hiệu quả tốt nhất.
-
Trong khóa học có làm sản phẩm thực tế không?
Mục tiêu Unitop tập trung đồng hành cùng với học viên là học để đi làm được việc kiếm được tiền nên trong quá trình học sau những nội dung lý thuyết gốc thì có phần bài tập thực hành, đồ án. Qua đó giúp bạn nắm chắc bài hơn và biết được công việc khi đi làm nó như thế nào.
-
Khi có vấn đề vướng mắc tôi nhờ hỗ trợ bằng cách nào
Sau khi hoàn tất thanh toán khóa học bạn được thêm vào 2 nhóm kín hỗ trợ: 1. Nhóm chat kèm cặp 24/24, 2. Nhóm reviews góp ý bài tập thực hành. Nếu bạn thực sự là người chủ động thì tốc độ học của bạn sẽ rất nhanh. Khó khăn gì có người để hỏi không phải mò mẫm như trước nữa.
Đây cũng quyền lợi đặc biệt mà chỉ Unitop giành cho bạn. Bạn không phải chỉ ngồi học một mình qua video bài học như các khóa học online thông thường. Giờ đây bạn được tương tác 2 chiều bất kỳ lúc nào.
-
Học xong có được hướng dẫn làm đơn xin việc, cách phỏng vấn không?
Sau khi hoàn tất chương trình ở giai đoạn xin việc bạn được thầy Phan Văn Cương hướng dẫn cụ thể cách viết đơn xin việc cuốn hút nhằm tăng tỉ lệ mời đi phỏng vấn. Ngoài ra bạn cũng được hướng dẫn kinh nghiệm để có một buổi phỏng vấn chuyên nghiệp, tạo được thiện cảm cho nhà tuyển dụng từ đó góp phần dễ dàng có được công việc tốt hơn, lương cao hơn.
-
Học lập trình web tại unitop bao lâu đi làm được?
Lập trình web có rất nhiều ngôn ngữ lập trình khác nhau chính vì vậy việc học nó cũng không hề đơn giản. Nếu một người tự học mò mẫm theo các tài liệu từ các trang web học lập trình miễn phí trên mạng thì có thể mất đến cả năm trời vẫn chưa đủ kỹ năng đi làm. Tài liệu quá nhiều đôi khi cảm thấy hoang mang không có định hướng nên nhiều khi chán không muốn học và bỏ cuộc.
Thấu hiểu những khó khăn của những người bắt đầu học lập trình web với mục tiêu đi làm unitop đã hệ thống và tạo dựng ra chương trình học từng bước hiệu quả theo hình thức cuốn chiếu. Theo thống kê hàng ngàn học viên tham dự thì chỉ sau 3-5 tháng đã trở thành lập trình viên kiếm được thu nhập khởi điểm từ 7-10tr/tháng và sau 1 năm thường đạt 12-16tr/tháng.
-
Học lập trình web có khó không?
Theo đánh giá học lập trình web là "bộ môn" có độ khó cao, ở đó cần kết hợp thuật toán, kỹ năng cài đặt code và phải nhớ các câu lệnh để xây dựng ra những chức năng cụ thể trên website. Nếu bạn xác định đi theo nghề lập trình web thì cần nghiêm túc và đầu tư thời gian và quan trọng hơn nên có một lộ trình và người dẫn đường tâm huyết.
Hầu hết các bạn trước khi đến với unitop thì thấy khó khăn nhưng sau thời gian học được hướng dẫn, kèm cặp thì tiến bộ rất nhanh và mọi thứ trở nên dễ dàng.
-
Tại sao tôi nên học lập trình web online tại unitop?
Từ năm 2015-2017 với 3 năm đào tạo lập trình offline tại Hà Nội chúng tôi nhận ra rằng hình thức học trực tiếp nó gặp rất nhiều bất lợi, sau đó chúng tôi phát triển hệ thống khóa học lập trình web online và nó đã tạo ra hiệu quả vượt trội cho học viên bởi vì:
- - Chủ động được thời gian, không bị mất bài vào những thời điểm bận rộn.
- - Có thể tập trung học fulltime vào những ngày nghỉ để tăng tốc đi làm sớm hơn.
- - Bài học được chia từng bước tuần tự theo mạch kiến thức dễ dàng tiếp thu.
- - Những bài học khó có thể học đi học lại nhiều lần đến khi hiểu thì thôi(học offline thì bó tay)
Tất nhiên không phải tất cả các khóa học trên online đều chất lượng. Với unitop để tăng hiệu quả cho người học thì trong chương trình tất cả các học viên trên khắp Việt Nam được sinh hoạt trong nhóm kín hỏi đáp và các bài tập được reviews góp ý lỗi sai. Đảm bảo học đến đâu hoàn thiện đến đó.
Quyền lợi đặc biệt học viên được tương tác trực tiếp với người hướng dẫn(Phan Văn Cương) trong quá trình học.
-
Để bắt đầu học lập trình web tôi cần chuẩn bị những gì?
Về cơ bản bạn cần có một máy tính cấu hình bình thường có kết nối mạng internet là có thể bắt đầu. Ngoài ra để học hiệu quả bạn cần có một không gian yên tỉnh và sắp xếp được thời gian trong ngày của mình cần có tối thiểu 2-3h mỗi ngày để học.
Điều quan trọng nhất trước khi học cần có mục tiêu rõ ràng. Học để làm gì, bao lâu đi làm được, cuộc sống của mình sẽ thay đổi như thế nào nếu mình có kỹ năng lập trình web kiếm được tiền?
-
Unitop phù hợp với ai?
Chương trình chúng tôi hướng đến sứ mệnh giúp học viên có thể đi làm theo nghề lập trình web sau 3-5 tháng nên chương trình phù hợp với những ai xác định đầu tư công sức, tiền bạc để có thể đi làm kiếm tiền sau này.
Nếu bạn là sinh viên những ngành liên quan hoặc đam mê công nghệ thông tin có thể học đồng thời trong quá trình học ở trường. Bắt đầu học kỹ năng thực tế từ năm nhất, năm hai thì quá tốt, giúp phát triển kỹ năng và có thể đi làm ngay khi trong quá trình học. Còn những bạn năm 3, năm 4 thì nên bắt đầu ngay trước khi quá muộn, nếu chậm trễ có thể dẫn đến thất nghiệp.
Unitop phù hợp với những bạn đã đi làm nhưng đang chán công việc hiện tại vì lương thấp hoặc không có tương lai, đang có mong muốn học lập trình web vào thời gian rãnh mong muốn chuyển nghề. Quá trình học bạn được tương tác và hỗ trợ kịp thời nên sẽ tiến bộ rất nhanh. Cơ hội để bạn có công việc mới tương lai hơn là hoàn toàn khả thi.
Còn nếu bạn là người đang kinh doanh muốn phát triển hệ thống website trên internet để giúp tăng tưởng doanh số thì đây là khóa học giúp bạn từng bước làm chủ cách xây dựng một website theo ý tưởng của mình. Nếu bạn có giấc mơ lớn thì đây là chương trình rất đáng để đầu tư học.
-
Quá trình học lập trình web cần sử dụng những phần mềm gì?
Tất cả những phần mềm phục vụ cho việc học đều được giới thiệu hướng dẫn cài đặt, cách sử dụng trong quá trình học.
Bao gồm:- Phần mềm xây dựng server ảo xampp
- Phần mềm soạn thảo code Visual Studio Code (Bạn cũng có thể dùng Sublime Text, Netbean, Php Storm)
- Ngoài ra có những công cụ khác được chia sẻ cụ thể trong chương trình.
Điều quan trọng nhất trước khi học cần có mục tiêu rõ ràng. Học để làm gì, bao lâu đi làm được, cuộc sống của mình sẽ thay đổi như thế nào nếu mình có kỹ năng lập trình web kiếm được tiền?
-
Một số trang web chia sẻ lập trình tôi có thể tự học thêm?
Nội dung khóa học đã tập trung vào những kỹ năng quan trọng để có thể đi làm tốt, tuy nhiên trong quá trình học bạn có thể xem thêm những tài liệu dưới đây để có thể tăng tốc trong quá trình học của mình.
- #1. Blog chia sẻ lập trình http://Unitop.com.vn
- #2. Thư viện lập trình tổng hợp https://www.w3schools.com/
- #3. Thư viên kiến thức jquery http://jquery.com/
- #4. Thư viện kiến thức php http://php.net/
- #5. Thư viện kiến thức Framework Bootstrap https://getbootstrap.com/
- #6. Thư viện Laravel Framework https://laravel.com/
- #7. Trang chia sẻ lập trình https://www.freecodecamp.org/
Hầu hết trên là tài liệu chính thống về các mảng trong lập trình ứng dụng web. Tuy nhiên hầu hết nó là tiếng anh nên nếu bạn chưa giỏi tiếng anh thì đừng lo lắng. Vừa học code vừa học tiếng anh là một giải pháp học hiệu quả.
Những tài liệu trên cộng với trải nghiệm thực tế sau gần 10 năm kinh nghiệm đã tạo ra chuỗi chương trình tại unitop. Việc của bạn bây giờ không phải tốn thời gian mò mẫm học không hiệu quả mà bây giờ thời gian học được rút ngắn chỉ còn 3-5 tháng mà thôi.
-
Học xong lộ trình 8 khoá học Unitop tôi có thể trở thành một Fulltack Web Developer không?
Tất nhiên rồi! Đây chính là chủ trương khi bắt đầu xây dựng khoá học, unitop muốn ghép nối mọi thứ theo lộ trình đề giúp người dùng có thể tự tay tạo ra một website hoàn chỉnh từ làm giao diện đến hệ thống. Theo khảo sát khi có bộ kỹ năng cả frontend lẫn backend thì cơ hội đi xin việc tốt hơn nhiều mức lương cũng cao hơn.
Đặc biệt khi có kỹ năng web fullstack thì dễ dàng làm thêm dự án tự do để kiếm thêm thu nhập hàng tháng mà không phải phụ thuộc vào người khác. Chỉ cần có người cần làm web là bạn hoàn toàn đàm phán và xây dựng bảo trì web trọn gói dễ dàng.
-
Tôi không ở Hà Nội có tham dự chương trình được không?
Trụ sở của Unitop tại Tây Hồ, Hà Nội tuy nhiên tất cả các phần trong lộ trình học đi làm ở unitop đều được học qua hình thức online. Sau khi bạn đăng ký khóa học bạn được hướng dẫn kích hoạt khóa học qua tài khoản của bạn trên hệ thống đào tạo trực tuyến Unitop.vn. Bạn có thể truy cập vào học bất kỳ lúc nào, bất kỳ đâu.
Hiện nay hệ thống unitop đã tiếp nhận ~2.000 học viên tham dự chương trình có kết quả tốt rải khăp trên khắp Việt Nam ở các tỉnh như: TP. Hồ Chí Minh(tphcm), Đà Nẵng, Huế, Quảng Nam, Quy Nhơn, Nha Trang, Khánh Khóa, Đồng Nai, Bình Dương, Nghệ An, Thanh Hóa, Vĩnh Phúc, Vũng Tàu, Cần Thơ, Quảng Trị, Quảng Bình, Hải Phòng, Hải Dương, Bình Định...
Ngoài ra unitop cũng đã nhận được sự quan tâm tham dự của các bạn du học sinh trên thế giới như ở Nhật, Singapore, Mỹ, Pháp, Úc, Hàn Quốc, Đài Loan...
Chúc bạn thành công, hẹn gặp bạn trong chương trình!