Web Front-end cho người mới bắt đầu

Học lập trình Front End giúp xây dựng trang web với HTML5, CSS3, JS và thư viện ReactJS

Bestseller
5
(1 đánh giá)
Nguyễn Thái Hoà, Nguyễn Văn Hậu, Lưu Thích Xương, Lê Thụy Ngọc Hân, Phạm Tấn Hùng 80 giờ
Ngày bắt đầu khóa Web Front-end cho người mới bắt đầu tại trung tâm dạy lập trình Nordic Coder
Ngày bắt đầu 6/7/2019 80 giờ
Lịch học khóa Web Front-end cho người mới bắt đầu tại trung tâm dạy lập trình Nordic Coder
Lịch học dự kiến Thứ 5: 19:00 - 21:00
Thứ 7: 14:00 - 17:00
Địa điểm khóa Web Front-end cho người mới bắt đầu tại trung tâm dạy lập trình Nordic Coder
Địa điểm Nordic Coder ShareSpace, 92 Nguyễn Công Trứ, Q1
Chia sẻ khóa học này qua:

Tại sao học front-end?

Học front-end giúp hiểu rõ cách hoạt động của hệ thống web Nordic Coder

Công cụ và kĩ năng

Học front end giúp bạn hiểu rõ cách hoạt động của hệ thống web. Tự viết và hiểu rõ từng dòng code để tạo cấu trúc và định dạng trang web responsive bằng HTML và CSS cơ bản. Nắm rõ ngôn ngữ lập trình Javascript để tương tác với DOM. Biết sử dụng thư viện ReactJS để lấy dữ liệu phía Back-end, sau đó xử lý phía Front-end.

Khóa học front end xây dựng được một trang web responsive Nordic Coder

Sản phẩm cuối khóa

Với dữ liệu và API phía Back-End cho sẵn, tự code để xây dựng được một trang web responsive như trang ẩm thực hoặc trang thương mại điện tử.

Định hướng nghề nghiệp sau khóa học lập trình front end Nordic Coder

Định hướng nghề nghiệp

Sau khóa học lập trình front end, học viên sẽ được trang bị kiến thức nền tảng để trở thành lập trình viên web Front-End.

Lợi ích

Lợi ích 1 - Kết hợp học tại lớp và trực tuyến

80 giờ học offline

Thực hành xây dựng các ứng dụng bắt kịp xu thế công nghệ & sử dụng những công cụ được dùng trong dự án thực tế như Confluence, Jira, Slack.

Lợi ích 2 - Đội ngũ giảng viên hàng đầu

Đội ngũ giảng viên hàng đầu

Giảng viên là các chuyên gia có nhiều kinh nghiệm trong thiết kế và phát triển ứng dụng web

Mở rộng networking và các lợi ích khác

Tham gia các sự kiện networking, workshop dành riêng cho cựu học viên và nhận học bổng cho các khóa học tiếp theo.

Hỗ trợ học phí

Học viên được hỗ trợ chia nhỏ học phí và đóng theo từng đợt áp dụng cho mọi hình thức thanh toán.

Phương pháp học

100% offline

Chương trình học

Module 1:

HTML5 & CSS3 cơ bản

  • Web Server, Web client (Browser)
  • Hosting, Domain
  • Cấu trúc thẻ cơ bản của một trang web.
  • Các thẻ thông dụng: heading (h1 h6), p, div, pre, span, strong,…
  • Tạo danh sách nhiều cấp với thẻ ul, ol
  • Đường dẫn: absolute vs relative path
  • Tạo liên kết với thẻ <a>, hình ảnh với thẻ <img>
  • Nhúng đa phương tiện với thẻ <audio>, <video>, <embed>,<iframe>

  • Ba cách chèn CSS cơ bản vào trang HTML
  • Selector: tag, class, id, combinator, pseudo
  • Box Model: border, margin, padding, width, height, box-sizing
  • Các thuộc tính về: background, text
  • Xây dựng layout website với thuộc tính float/clear
  • Xây dựng layout với Flexbox

  • Tạo menu với thuộc tính position (static, relative, fixed, absolute, sticky)
  • Tạo hiệu ứng với các thuộc tính: Transform, Transition, animation
  • Thực hành xây dựng menu: Create multi-level menu with CSS

  • Sử dụng media query để tạo tính năng responsive cho website.
  • Thực hành tạo web responsive theo hai kiểu (desktop first and mobile first)
  • Sử dụng Framework Bootstrap để tạo website responsive

  • Thẻ form và các thuộc tính thông dụng.
  • Thẻ input, select/option, textarea
  • Các loại input mới và thẻ mới được bổ sung trong HTML5
  • Thực hành tạo các form: Đăng nhập, đăng ký, liên hệ
  • Kiểm tra dữ liệu trên form bằng các thuộc tính mới của HTML5

  • Xây dựng layout cho website.
  • Xây dựng tối thiểu các trang sau: Home, Category, Detail, Contact
Module 2:

Javascript cơ bản

  • Kiểu dữ liệu, biến, hằng, toán tử biểu thức
  • Cấu trúc rẽ nhánh
  • Cấu trúc lặp
  • Hàm, tham số

  • Đối tượng và các phương thức cơ bản
  • Mảng và các thao tác cơ bản, nâng cao

  • DOM và tương tác bằng JS thuần
  • DOM và tương tác bằng jQuery

Lab: Minigame (Card – matching, Tic-Tac-Toe)

  • Lấy dữ liệu thông qua API phía Back-End (AJAX, fetch) và xử lý phía Front-End
  • Khai báo biến và hằng với let và const
  • Hàm arrow và các loại tham số (parameters)
  • callback, closure, class

Với Data API phía Back-end cho trước, lập trình JS lấy dữ liệu và xử lý hiện thị phía Front-end.

Module 3:

ReactJS cơ bản

  • Giới thiệu ReactJS
  • Cài đặt công cụ và thiết lập môi trường
  • Tạo ứng dụng Hello world đầu tiên
  • Tạo components cơ bản

Bài tập 1: Xây dựng trang Home

  • Components lồng nhau
  • Hiểu rõ về Props & State
  • Tạo và thay đổi State trong component
  • Xử lý sự kiện trong React

Bài tập 2: Xây dựng trang Category và chức năng lọc sản phẩm (filter)

  • Giới thiệu React Router
  • Sử dụng HOC
  • Lazy-loading với React Router
  • Auth workflow

Bài tập 3: Hiện thực React Router và hoàn thiện trang Home, Category, Detail

  • Giới thiệu Redux
  • Middleware Redux
  • Redux-thunk
  • Form trong React

Bài tập 4: Ứng dụng Redux cho các trang Home, Category, Detail, Contact.

  • Lập trình bất đồng bộ với JS
  • Gọi Rest API
  • Xử lý PWA
  • Tích hợp gọi API để lấy dữ liệu và đưa vào trang web.

Bài tập 5: Hoàn thiện đồ án cuối khóa.

Thông tin khóa học

Ngày bắt đầu khóa Web Front-end cho người mới bắt đầu tại trung tâm dạy lập trình Nordic Coder
Ngày bắt đầu 6/7/2019 80 giờ
Lịch học khóa Web Front-end cho người mới bắt đầu tại trung tâm dạy lập trình Nordic Coder
Lịch học dự kiến Thứ 5: 19:00 - 21:00
Thứ 7: 14:00 - 17:00
Học phí khóa Web Front-end cho người mới bắt đầu tại trung tâm dạy lập trình Nordic Coder
Học phí 11,000,000 VNĐ
Địa điểm khóa Web Front-end cho người mới bắt đầu tại trung tâm dạy lập trình Nordic Coder
Địa điểm Nordic Coder ShareSpace, 92 Nguyễn Công Trứ, Q1

Giảng viên

Nguyễn Thái Hoà

Front-end Manager - Lazada

Nguyễn Văn Hậu

Senior Front-end Developer - Fram^

Lưu Thích Xương

Front-End Tech Lead - IT Consultis

Lê Thụy Ngọc Hân

Team Leader - Bacoor

Phạm Tấn Hùng

Technical Architect - PYCO

Sản phẩm của học viên

Cửa Hàng Công Nghệ

by Lương Xuân Tri

Thời Trang Nam

by Mai Chung Tuấn

Thời Trang Nữ

by Nguyễn Thị Hồng Nhung

Design Agency

by Lê Thanh Bích Ngọc

Đăng ký thông tin để nhận giáo trình học Front end


Câu hỏi thường gặp

  • Hiểu rõ cách hoạt động của hệ thống web
  • Tự viết và hiểu rõ từng dòng code để tạo cấu trúc và định dạng trang web bằng HTML và CSS cơ bản.
  • Tự code HTML, CSS để tạo được multi-level menu và các trang web responsive.
  • Sử dụng CSS framework Bootstrap để tạo nhanh các trang web responsive
  • Nắm rõ ngôn ngữ lập trình JS, dùng JS tương tác với DOM.
  • Sử dụng thư viện ReactJS lấy dữ liệu phía Back-end và xử lý hiện thị phía Front-end.
  • Biết được kiến thức nền tảng để trở thành lập trình viên web Front-end.
  • Học front end qua những dự án thực tếvà các kĩ năng IT thực tiễn với các chuyên gia hàng đầu trong ngành
  • Đánh giá năng lực và mức độ phù hợp của học viên để đảm bảo sự thành công của khóa học
  • Cơ hội được tham gia vào mạng lưới cựu học viên với các lợi ích như: học bổng cho các khóa học tiếp theo, vé tham gia các sự kiện workshop và networking.

Khóa học front end developer không yêu cầu bất cứ một điều kiện tiên quyết nào.

Nhận xét từ học viên

5

Đánh giá khóa học

     100%
     0%
     0%
     0%
     0%
Học viên nói gì về khóa học
Nguyên Phúc

Khóa học rất hữu ích. Giảng viên rất nhiệt tình. Mình thấy khóa học này rất thích hợp cho ai muốn phát triển từ đầu như mình. Highly recommend nhé.

Để lại nhận xét của bạn

Bạn đang nhận xét và đánh giá cho khóa học "Web Front-end cho người mới bắt đầu"

Đăng ký
FORGOT PASSWORD ?
Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.