FRONT-END

FRONT-END LÀ GÌ?

  • Khóa học Front End 1-1 được thiết kế với 2 cấp độ : cơ bản và nâng cao giúp học viên hoàn toàn làm chủ công nghệ Front-End trong thiết kế web, app…
  • HTML, CSS và JavaScript là bộ 3 ngôn ngữ cần thiết cho mọi web developer. Dù bạn muốn xây dựng nên một trang web đơn giản hay phức tạp thì đều phải sử dụng cả ba ngôn ngữ kể trên. Khóa học này sẽ cung cấp cho bạn những kiến thức cơ bản, cần thiết nhất để bắt đầu con đường trở thành một lập trình viên web chuyên nghiệp.

MỤC TIÊU KHÓA HỌC FRONT-END:

  • Nắm được kiến thức FRONT-END chi tiết và bài bản.
  • Có nền tảng cho các ngôn ngữ lập trình khác sau này.
  • Nâng cao, mở rộng kiến thức và ứng dụng FRONT-END cho các bạn yêu thích bộ môn này.
  • Giúp học viên rèn luyện tư duy.
  • Tạo ra các ứng dụng có tốc độ xử lý nhanh.
  • Áp dụng kiến thức FRONT-END cho những sản phẩm startup, yêu cầu thay đổi, mở rộng nhanh, có lượng truy cập lớn.
  • Xin việc ở các công ty về lập trình.
  • Xây dựng được website hoàn chỉnh, bao gồm Front-end, Back-end.
  • Được học lập trình bằng JavaScript.
  • Kiến thức HTML&CSS từ cơ bản đến nâng cao.
  • Sử dụng các công cụ lập trình.

NHỮNG LỢI ÍCH KHI HỌC FRONT-END:

  • Tạo được ứng dụng front-end.
  • Sử dụng được các công cụ lập trình phần mềm hiện đại.
  • Tự xây dựng các ứng dụng front-end phục vụ với mục đích khác nhau.
  • Tham gia vào vị trí lập trình của các doanh nghiệp.
  • Khả năng quản lý thời gian, công việc hiệu quả.

ĐIỂM NỔI BẬT CỦA KHÓA HỌC

Chất lượng đi đầu,
cam kết đầu ra

Hệ thống
bài giảng online

Chương trình
đạo tạo liên cấp

ĐẶC QUYỀN HỌC VIÊN

Học qua dự án thực tế. Không chấp nhận lý thuyết suông. Học xong cam kết làm được việc.

Được học với những Mentor tốt nhất. Có trình độ, tâm huyết và đặc biệt yêu thích giảng dạy.

Được đào tạo coder với định hướng nâng cấp lên software engineer.

Được chọn giờ học, ngày học tùy theo giờ giấc của mình. Nếu bạn ốm, có việc bận – buổi học sẽ chuyển sang hôm khác.

Bài giảng sinh động, dễ hiểu, áp dụng vào thực hành. Thực hành 80% thời lượng học.

Học hoàn toàn online. Bạn không còn nỗi lo kẹt xe, mưa gió, bụi bặm.

Hưởng học phí rẻ hơn so với các trung tâm khác, đặc biệt có ưu đãi học phí khi nhóm học cùng đăng ký.

Hỗ trợ học lại miễn phí nếu học viên không đạt yêu cầu sau khóa học.

Nơi duy nhất cam kết trả lại học phí những buổi chưa học nếu không hài lòng.

ĐỐI TƯỢNG HỌC VIÊN

  • Yêu thích lập trình, không giới hạn độ tuổi.
  •  Muốn kiếm tiền từ việc viết các trang wed tĩnh.
  •  Muốn làm việc ở vị trí lập trình viên cả iOS và Android. Khóa học yêu cầu học viên đã có kiến thức về HTML, CSS, Javascript.
  • Những bạn học sinh THPT hoặc đã tốt nghiệp THPT.
  • Những bạn sinh viên Đại Học.
  • Người đang đi làm muốn chuyển ngành sang CNTT.

KẾT QUẢ ĐẠT ĐƯỢC

  • Nắm được kiến thức HTML,CSS,Javascript chi tiết và bài bản.
  • Là nền tảng cho các ngôn ngữ lập trình khác sau này.
  • Nâng cao, mở rộng kiến thức và ứng dụng Pascal cho các bạn yêu thích bộ môn này.
  • Giúp học viên rèn luyện tư duy.
  • Tạo ra các trang wed tĩnh có nội dung đẹp,mượt dễ thao tác.
  • Áp dụng kiến thức Pascal cho những sản phẩm startup, yêu cầu thay đổi, mở rộng nhanh, có lượng truy cập lớn.
  • Xin việc ở các công ty về lập trình.

Đối tượng

Các bé từ 6 – 15 tuổi

Thời gian học

1 tiếng/buổi

Số buổi học

45

Số học viên

8 – 10 bạn

Học phí

6.000.000đ

Đăng ký học trải nghiệm

miễn phí tại đây

LỘ TRÌNH

Phần 1: HTML
      • Kiến thức cơ bản:
        • Phần tử trong HTML (Elements) và thuộc tính HTML (Attributes)
        • Thẻ Headings và thẻ Paragraphs
        • HTML Style Attributes
        • Định dạng văn bản
        • Mở/đóng một đoạn comment trong HTML
        • Các định dạng màu sắc (Color)
        • Style-CSS
        • HTML Links, thẻ hình ảnh
        • Tạo bảng trong HTML
        • Cách thẻ danh sách (ul, ol, li,..)
        • Thẻ div
        • Đặt class, id cho thẻ trong HTML
        • Iframes trong HTML
        • Bố cục của một website
        • Responsive.
        • Charset, XHTML
      • HTML Forms:
        • Forms trong HTML
        • Form Elements
        • Input Types
        • Input Attributes
        • Input Form Attributes
      • HTML Media:
        • Media, Video, Audio
        • Plug-ins, Youtube
Phần 2: CSS
      • Cơ bản về CSS:
        • Giới thiệu, cú pháp trong CSS
        • Selectors
        • Cách thêm CSS vào HTML, comments trong CSS
        • Màu sắc trong CSS, backgrounds, borders
        • Margin, paddings
        • Height/Width
        • Box Model
        • Outline
        • Text, Fonts, Links
        • Lists, Tables
        • Display
        • Max-width
        • Position
        • Overflow
        • Float
        • Inline-block
        • Align
        • Combinators
        • Pseudo-class
        • Pseudo-element
        • Dropdowns
        • Image Gallery, Image Sprites
        • Attr Selectors
        • Forms
        • Counters
        • Website Layout
        • Units, Specificity
      • CSS nâng cao
      • Rounded Corners:
        • Rounded Corners
        • Border Images, Backgrounds
        • Gradients, Shadows, Text Effects, Web Fonts
        • 2D Transforms, 3D Transforms
        • Transitions, Animations
        • Tooltips
        • Style Images
        • Object-fit
        • Buttons
        • Pagination
        • Multiple Columns
        • User Interface
        • Variables, Box Sizing
        • Flexbox
        • Media Queries
        • CSS Responsive
        • Viewport
        • Grid View
        • Frameworks, Templates
      • HTML Media:
        • Giới thiệu
        • Container
        • Item
Phần 3: Các Framework (Bootstrap 4)
      • Kiến thức cơ bản:
        • Giới thiệu
        • Cách cài đặt
        • Container
        • Grid cơ bản
        • Typography
        • Colors
        • Tables
        • Images
        • Jumbotron
        • Alerts, Buttons, Button Groups, Badges
        • Progress Bars
        • Spinners
        • Pagination
        • List Groups
        • Cards
        • Dropdowns
        • Collapse
        • Navs, Navbar
        • Forms, Inputs, Input Groups
        • Custom Forms
        • Carousel, Modal, Tooltip, Popover, Toast, Scrollspy, Utilities
        • Flex
        • Icons
        • Media Objects
        • Filters
      • Bootstrap Grid:
        • Grid System
        • Stacked/Horizontal
        • Grid Small, Grid Medium, Grid Large & Grid Examples
Phần 4: Javascript
      • Kiến thức cơ bản:
        • Giới thiệu
        • Các cách thêm vào HTML, Output
        • Câu lệnh, Cú pháp, Comments
        • Biến
        • Toán tử, Số học, Toán tử biến thể
        • Kiểu dữ liệu
        • Functions
        • Object, Mảng (Array)
        • Events
        • Array Methods
        • Dates, Date Formats
        • Math, Random & Switch
        • Loop While, Break
        • Bitwise, Scope
        • Hoisting
        • Let, Const
        • Arrow Function
        • ES6
        • JSON
      • Javascript Forms:
        • Forms
        • Forms API
      • Javascript Functions:
        • Định nghĩa
        • Thông số
        • Gọi hàm
      • Javascript Functions:
        • Giới thiệu
        • Methods
        • Document
        • Phần tử
        • DOM HTML
        • DOM CSS
        • Animations
        • Event Listener
        • Navigation
        • Nodes
        • Collections
Phần 5: Javascript jQuery
      • Kiến thức cơ bản:
        • Giới thiệu
        • Để sử dụng
        • Cú pháp
        • Selector
        • Events
      • jQuery Effects:
        • Hide/Show
        • Fade
        • Slide
        • Animate
        • jQuery stop()
        • Callback
        • Nối chuỗi
      • jQuery HTML:
        • Nhận nội dung và Attribute trong HTML
        • Đặt nội dung và Attribute trong HTML
        • Thêm Element
        • Xoá Element
        • CSS Classes
        • jQuery css()
        • Kích thước
      • jQuery Traversing:
        • Traversing là gì?
        • Descendant là gì?
        • Filtering
      • jQuery Traversing:
        • Giới thiệu
        • Load
        • Get/Post