Đăng ký

Khóa Front-End

  • Thời gian học: từ 36 – 49 giờ
  • Danh mục: Khóa Học
  • Học viên tham gia: 1

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 đều không thể thiếu chúng. 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 trên con đường trở thành một lập trình viên web chuyên nghiệp.

 

 

HỌC XONG BẠN CÓ THỂ ?

  • HỌC NGHỀ – HỌC THÀNH NGHỀ
  • HIỂU BIẾT TOÀN TẬP TỪ HTML, CSS, JAVASCRIPT, JQUERY, BOOTSTRAP
  • HIỂU SÂU VỀ RESPONSIVE WEB
  • CẮT LAYOUT TỪ FILE PHOTOSHOP THEO BOOTSTRAP
  • LẬP TRÌNH VỚI JAVASCRIPT,JQUERY
  • LẬP TRÌNH MOBILE APP (WINDOWS PHONE, IOS, ANDROID) BẰNG HTML,CSS,JS
  • HỌC THEO DỰ ÁN THỰC TẾ
  • THAM GIA VÀO CÁC CÔNG TY LỚN TRONG VÀ NGOÀI NƯỚC
  • XÂY DỰNG CÁC WEB CHO RIÊNG MÌNH
  • GIA TĂNG THU NHẬP – FREELANCER

TÔI ĐƯỢC GÌ SAU KHOÁ HỌC NÀY ?

  • CAM KẾT 100% HỖ TRỢ VIỆC LÀM VÀO FSOFT HOẶC NHỮNG CÔNG TY KHÁC SAU KHI HỌC
  • Được đào tạo bài bản từ CHƯA biết gì đến Thành Thạo các Kỹ năng
  • Nắm rõ quá trình xây dựng hệ thống Web trải qua các qui trình
  • Hiểu sâu kiến thức từ HTML, CSS, Javascript, Jquery, Bootstrap đến Responsive Web, Cắt layout từ file Photoshop sang giao diện web Bootstrap
  • Hiểu rõ về ngôn ngữ lập trình Javascript
  • Lắng nghe các kinh nghiệm, chia sẻ nghề nghiệp của những chuyên gia đầy kinh nghiệm
  • Có nhiều dự án thực tế để thêm vào CV

ĐỐI TƯỢNG THEO HỌC KHOÁ HỌC ?

    1) Tất cả các bạn đam mê lĩnh vực CNTT

    2) Những bạn Sinh viên đầu cấp ngành CNTT

    3) Những bạn Sinh viên cần kiến thức thực tế và dự án thực tiễn để chứng tỏ cho nhà tuyển dụng

    4) Những bạn học sinh vừa tốt nghiệp Phổ thông Trung học

KHÓA CƠ BẢN

    1) Những khái niệm cơ bản và quan trọng của HTML, CSS, Javascript, Jquery.

    2) Giúp học viên hiểu về khái niệm và kỹ thuật quan trọng như mobile first, responsive web là gì và cách tạo web                 theo những phương pháp này.

    3) Hướng dẫn thực hiện một số layout cho website

    4) Biết cách đưa website lên mạng internet

Ưu điểm của khóa học

  • Dành cho người mới bắt đầu, chưa từng học lập trình hoặc cho những ai muốn ôn lại kiến thức căn bản về lập trình web.
  • Dễ học, dễ thực hành, ví dụ trực quan thú vị, không yêu cầu cao về máy móc hay phần mềm đi kèm.
  • Sử dụng HTML5CSS3, thiết kế theo chuẩn SEO, responsive, tối ưu hóa cho các công cụ tìm kiếm.
  • Ví dụ mẫu nhiều, trực quan, thú vị.
  • Chỉ học với chuyên gia có ít nhất 4 năm kinh nghiệm trở  lên.

Kết thúc khóa học bạn sẽ học được gì?

  • HTML: Cấu trúc trang web theo chuẩn HTML5
  • CSS: Bố cục layout, kiến thức về responsive web design và cách tạo các hiệu ứng đẹp nhờ CSS.
  • Javascript, Jquery cơ bản, xử lý sự kiện, tương tác của người dùng.

Với những kiến thức đó bạn có thể làm gì?

  • Làm Front-end developer tại các công ty chuyên thiết kế website.
  • Xin việc tại các công ty chuyên thiết kế theme cho website.
  • Làm freelance: fix bug HTML, CSS, Javascript, tối ưu hóa trang web sẵn có hoặc tự làm theme để bán.
  • Làm biên tập viên, viết bài, chỉnh sửa bài viết cho website của công ty, tổ chức, …
  • Có nền tảng cơ bản để tiếp tục học chuyên sâu về lập trình web Frontend hoặc Backend (NodeJS) hoặc lập trình các ứng dụng desktop, ứng dụng di động, game, …

2. KHÓA NÂNG CAO

      1)  Hướng dẫn cách thu hút nhiều người dùng thông qua kiến thức và kinh nghiệm về UI, UX của giảng viên

      2) Những khái niệm nâng cao của HTML5, CSS3, Javascript, Jquery, bootstrap, less/sass…

      3) Hướng dẫn việc tạo Mock Up, lên khung thiết kế, cắt template từ file PSD.

      4) Học và thực hành với bootstrap phiên bản mới nhất.

      5) ĐẶC BIỆT: Tạo App mobile đa nền tảng (windows phone, android, ios) bằng HTML,CSS,JS.

Ưu điểm của khóa học

  • Dành cho người đã học xong khóa cơ bản hoặc đã có kiến thức HTML5, CSS3, JS.
  • Dễ học, dễ thực hành, ví dụ trực quan thú vị, không yêu cầu cao về máy móc hay phần mềm đi kèm.
  • Sử dụng những công nghệ mới nhất và đang được sử dụng tại những công ty lớn.
  • Biết cách kiếm việc, kiếm tiền bằng những công nghệ đã được truyền đạt.
  • Chỉ học với chuyên gia có ít nhất 7 năm kinh nghiệm trở  lên.

Kết thúc khóa học bạn sẽ học được gì?

  • HTML: Sử dụng thành thạo HTML5 và tối ưu hóa SEO cho website.
  • CSS: Tạo web responsive vơi nhiều hiệu ứng đẹp bằng bootstrap và css.
  • Sử dụng nâng cao Jquery và dùng plugin trong Jquery.
  • Sử dụng  Less/Sass để tối ưu hóa viết csss.

Với những kiến thức đó bạn có thể làm gì?

  • Làm Front-end developer tại các công ty chuyên thiết kế website, gia công dự án website lớn.
  • Xin việc tại các công ty chuyên thiết kế theme cho website.
  • Làm freelance: fix bug HTML, CSS, Javascript, tối ưu hóa trang web sẵn có hoặc tự làm theme để bán.
  • Tạo App và đẩy lên store để kiếm tiền

 

Phần I: HTML

  • Kiến thức cơ bản:
    • Giới thiệu HTML
    • Editors (Trình soạn thảo)
    • HTML 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
    • Reponsive
    • 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 II: 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, backgrouds, 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
    • Opacity
    • Navigation Bar
    • Dropdowns
    • Image Gallery, Image Sprites
    • Attr Selectors
    • Forms
    • Counters
    • Website Layout
    • Units, Specificity
  • CSS nâng cao
    • 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 Reponsive
    • Viewport
    • Grid View
    • Frameworks, Templates
  • CSS Grid
    • Giới thiệu
    • Container
    • Item

Phần III: 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 IV: Javascript

  • Kiến thức cơ bản
    • Giới thiệu
    • Các cách thêm vào HTML, Ouput
    • 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
    • Type Conversion
    • 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 HTML DOM
    • Giới thiệu
    • Methods
    • Document
    • Phần tử
    • DOM HTML
    • DOM CSS
    • Animations
    • Event Listerner
    • Navigation
    • Nodes
    • Collections

Phần V: 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ì?
    • Siblings
    • Filtering
  • jQuery AJAX
    • Giới thiệu
    • Load
    • Get/Post