Khóa học hoàn thành siêu tốc Figma UI3: Từ cơ bản đến thực chiến vững chắc
jyoung
Khóa học được thiết kế theo phiên bản Figma UI3, giúp bạn hoàn thành chương trình từ cơ bản đến thực tế một cách hệ thống, dễ hiểu và nhanh chóng.
Nhập môn
Figma, ui
Chỉ cần biết HTML và CSS
là có thể tạo trang web!
Nếu bạn là người đang mong muốn tìm việc làm với tư cách là nhà thiết kế UI.UX hoặc nhà phát triển Front-end, thì việc sở hữu một danh mục hồ sơ năng lực (portfolio) thực hiện các trang web phù hợp với xu hướng hiện nay với ít nhất 5~6 sản phẩm là điều bắt buộc.
Khóa học này chọn lọc các trang web hiện đang được thương mại hóa, phù hợp với xu hướng năm 2020 và có yếu tố thẩm mỹ xuất sắc, đồng thời thực hiện xây dựng lại y hệt các trang web phù hợp để làm portfolio.
Khóa học này dành cho những người đã có kiến thức cơ bản về HTML và CSS, được tiến hành bằng cách hiện thực hóa trực tiếp một trang web thực tế.
Ngay cả khi bạn không biết về javaScript và jQuery phức tạp, chúng tôi vẫn sẽ giúp bạn có thể tạo ra những trang web tuyệt đẹp và lộng lẫy trong thời gian ngắn bằng cách sử dụng các thư viện và plugin dựa trên nền tảng HTML và CSS.
Từng bước một!
Hãy bắt đầu ngay bây giờ.
Nếu bạn vừa nghe bài giảng về xây dựng trang web bao gồm các yếu tố tương tác thực sự cần thiết trong thực tế, vừa chuẩn bị portfolio, thì khi kết thúc khóa học, bạn sẽ có thể hoàn thành một bản portfolio chất lượng cao và tiến gần hơn đến việc xin việc thành công.
>> Sản xuất trang web phản hồi từ chế độ PC đến máy tính bảng và chế độ di động (768px)
.gif?w=960)
>> Chế độ PC đến máy tính bảng, sản xuất trang web phản hồi cho đến chế độ di động (414px)
.gif?w=960)
>> Chế độ PC đến máy tính bảng, sản xuất trang web phản hồi cho đến chế độ di động(320px)
.gif?w=960)
Sau khi kết thúc khóa học
Những gì bạn nhận được :D
1. Kỹ năng xây dựng bố cục vững chắc
Để xây dựng trang web, việc tạo bố cục chính xác dựa trên HTML và CSS là quan trọng nhất. Ngay cả những bạn đã biết HTML và CSS nhưng chưa có khái niệm gì về Layout Design, nếu kiên trì theo sát khóa học hướng dẫn tỉ mỉ từ cơ bản này, bạn sẽ cảm nhận được nền tảng kỹ năng xây dựng bố cục vững chắc đang dần được hình thành lúc nào không hay!
2. Tăng năng suất công việc UP!
Để nâng cao năng suất công việc, bạn cần có khả năng triển khai các trang web tương tác trong thời gian ngắn bằng cách sử dụng thư viện và plugin. Trong khóa học này, bạn có thể học một cách chắc chắn từ việc tạo bố cục trang web đến tạo trang phản hồi (responsive), đồng thời tạo các trang web bằng cách sử dụng các script, plugin và hiệu ứng hoạt hình cần thiết trong thực tế. Nếu bạn kiên trì thực hành trong khi nghe giảng, năng lực làm việc của bạn sẽ tăng lên đáng kể!
3. Hồ sơ năng lực (Portfolio) chất lượng cao
Một trong những hành trang hiệu quả để thể hiện năng lực nghiệp vụ và nắm bắt những cơ hội mới chính là một bộ hồ sơ năng lực (portfolio) chất lượng cao. Thông qua việc vừa học vừa thực hành, bạn sẽ dần tích lũy được portfolio cho riêng mình. Không chỉ dừng lại ở khóa học này, nếu bạn kiên trì hiện thực hóa các trang web thông qua các khóa học thực hành thiết kế website tiếp theo, bạn sẽ có thể hoàn thiện một bộ portfolio - vũ khí lớn nhất của bản thân khi đi xin việc.
4. Vận hành phòng chat mở
Để việc học tập diễn ra thuận lợi hơn, nếu bạn tham gia vào phòng chat mở "Jallan Web-D" do J.young điều hành,
chúng tôi sẽ chia sẻ những bí kíp cực kỳ hữu ích liên quan đến Figma, UI.UX, coding, thiết kế portfolio cũng như các đường link webinar miễn phí.
- Tên phòng chat mở: Jalnan Web Design
- Mã: jyoung
Tìm hiểu lộ trình học tập để tạo ra
những trang web thu hút mọi ánh nhìn
1. Thiết lập bố cục html/css
- Cách áp dụng icon font web linearicon
- Cách áp dụng font web googlefonts
- Các hiệu ứng mouse-over đa dạng
- Cách sử dụng công cụ dành cho nhà phát triển
2. Sử dụng jQuery đơn giản
- jQuery cho gnb xuất hiện khi nhấp vào menu hamburger
- jQuery cho header cố định ở phía trên khi cuộn trang
- jQuery giúp di chuyển lên đầu trang một cách mượt mà khi nhấn nút di chuyển lên trên
3. Áp dụng các plugin jQuery đa dạng để tạo trang web đơn giản và hiệu quả hơn
- Hiệu ứng hoạt họa khi cuộn trang - Cách áp dụng plugin scrolla.jquery/ Cách sử dụng các tùy chọn
- Slide hình ảnh có hiệu ứng hoạt họa - Cách áp dụng plugin slick/ Cách sử dụng các tùy chọn
4. Cấu hình trang web đáp ứng (Responsive)
- Cách sử dụng media query
- viewport
Điểm đặc biệt chỉ có ở bài giảng này! Tôi rất tò mò!
Q1. Liệu khóa học này có giúp ích cho việc xin việc không?
A1. Một hình ảnh có sức tác động mạnh mẽ hơn là một bài viết dài. Nếu bạn vừa nghe giảng vừa thực hành tạo các trang web, bạn sẽ có thể tạo ra một danh mục sản phẩm (portfolio) lộng lẫy, thu hút ngay ánh nhìn của nhà tuyển dụng, điều này sẽ giúp ích rất nhiều cho việc xin việc.
Các công cụ được đề cập ở đây
Sau bài giảng này, 10 bài giảng về thiết kế trang web với phong cách và kiểu dáng khác nhau
sẽ lần lượt được ra mắt.
Các bạn học viên đang chuẩn bị hồ sơ năng lực (portfolio) vui lòng tham khảo điều này để cùng nhau tạo ra những trang web chất lượng cao.
tml, css, html/css, website, trang web, lập trình, coding, jquery, 제이쿼리, bố cục, web tương tác, interactive web, web design, thiết kế web, portfolio, xuất bản web
![[Tiêu chuẩn ra đề năm 2026] Hướng dẫn hoàn hảo cho kỳ thi thực hành Kỹ thuật viên Thiết kế và Phát triển WebHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420)
![CSS3 tương tác web hiện đại [PHẦN 2/3]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/335745/cover/db39333d-68a5-4ca7-9629-dac891711a94/335745.jpg?w=420)
![Bootcamp CSS3 tương tác web hiện đại [Phiên bản đầy đủ]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?w=420)
![Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] BootcampHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?w=420)
