MỪNG NGÀY 20/10
Từ 17/10 đến 20/10
GIẢM 70% KHOÁ HỌC CHO HỌC VIÊN NỮGIẢM 70% KHOÁ HỌC CHO HỌC VIÊN NỮ

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
(3 đá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, Nguyễn Thị Thanh Trúc, Nguyễn Thanh Tùng 16 tuần
8,000,000 VNĐ
11,000,000 VNĐ-27.27%

Chỉ còn 4 ngày cho ưu đãi này

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 29/10/2019 16 tuần
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ứ 3: 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 ShareSpace Phòng 2B (Lầu 2), 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

2 buổi học SEO offline

80 giờ học offline + support online via Slack or FB group

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.

Độ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 trong ngành thiết kế UX

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 lập trình 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 29/10/2019 16 tuần
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ứ 3: 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í 8,000,000 VNĐ

11,000,000 VNĐ-27.27%

Đị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 ShareSpace Phòng 2B (Lầu 2), 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

Nguyễn Thị Thanh Trúc

Senior Front-end Developer - Ekino Vietnam

Nguyễn Thanh Tùng

Front-end Team Leader - Mirum

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
Shane

Cô Hân nhiệt tình và thân thiện, hỗ trợ tốt tất cả mọi thắc mắc của mình. Sắp tới nếu có khóa học phù hợp mình sẽ tiếp tục chọn Nordic để phát triển thêm kỹ năng cho bản thân.

Thu Hương

Cô Hân dạy rất nhiệt tình và kỹ lưỡng HTML5, CSS3. Ngàn like cho cô <3

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.