LEVEL-1.md

Front-end Training - Level 1

Tìm hiểu về HTML, CSS, JavaScript + jQuery cơ bản, Bootstrap, Photoshop, Git cơ bản

Mục tiêu

• Thực tập sinh hiểu được cơ bản về HTML, CSS, JavaScript + jQuery cơ bản
• Làm quen với các tool: Browser Dev Tools, Photoshop, PicPick
• Sử dụng Git để gửi bài tập cho mentor

Tài liệu

• w3schools
• JavaScript
• Cắt PSD ra HTML, CSS
• Git cơ bản

Tuần 1

• HTML
  • HTML basic
  • HTML forms
  • HTML5

Tuần 2 + 3

• CSS
  • CSS introduction
  • Syntax
  • How To
  • Colors
  • Background
  • Borders
  • Margin
  • Padding
  • Height and Width
  • Box Model
  • Outline
  • Text
  • Fonts
  • Links
  • Lists
  • Tables
  • Display
  • Max width
  • Position
  • Overflow
  • Float
  • Inline block
  • Align
  • Combinators
  • Pseudo-classes
  • Pseudo-elements
  • Opacity
  • Units
  • Specificity
  • Selectors
  • Box Sizing
  • Flexbox
  • Rounded Corners
  • Shadow
  • Animations
  • Transitions
  • Normalize
• Bootstrap
  • Layout
  • Components

Tuần 4

• JavaScript
  • Introduction
  • JavaScript Fundamentals
  • Objects: the basics
  • Data types
  • Advanced working with functions
  • Objects, classes, inheritance
  • Error handling
• jQuery
  • jQuery introduction
  • Effects
  • jQuery HTML
  • Traversing

Tuần 5

• Chrome Dev Tools
  • Inspect element & style
  • Console
• Photoshop
  • Nắm được tool cơ bản của Photoshop như select, slice, color picker
  • Export ảnh ra dạng web
• PicPick
• W3 Validator to validate HTML
• caniuse để xem tương thích của các feature mới
• Git
  • Git Basics
  • Git Collaboration
  • Pull Request Flow: Khi làm xong add account người hướng dẫn là Reviewer và Assignee (Ví dụ), khi người hướng dẫn review xong, nếu có lỗi sẽ set Assignee cho thực tập sinh, khi thực tập sinh làm xong lại set Assignee cho người hướng dẫn; lặp lại bước này đến khi không có lỗi
• Tập cắt một file PSD dựa trên starter kit