Themesflat Edu

Đây là khóa học Front End được công ty Themesflat đào tạo. Mục tiêu đào tạo ra nghề Front End chuyên nghiệp để có nhân sự làm dự án cho công ty, và giúp các bạn có nghề vững chắc đi làm việc sau này. Bạn sẽ được học và làm dự án thực tế từ những chuyên gia, nhân viên nhiều năm kinh nghiệm.

CÔNG TY TNHH MTV THEMES FLAT

Là công ty chuyên về Design: UI/UX Templates, PSD, XD, Figma Front End HTML, React, Vue Js CMS: WordPress, Strapi, HubSpot

Themesflat làm sản phẩm và bán trên chợ mua bán Theme lớn nhất thế giới Themeforest.net Hiện tại công ty có trên 300 sản phẩm đang bán. Xem Portfolio tại đây 

Như vậy sau khi bạn hoàn thành khóa học sẽ có 2 cơ hội:

1:  Được nhận làm việc tại công ty
2:  Được công ty hỗ trợ cho đến khi có việc làm mong muốn.

Hỗ trợ như thế nào ?

1. Kinh nghiệm 1 năm vừa học vừa làm tại Themesflat
2. Portfolio chuẩn là sản phẩm đã được phê duyệt và bán trên toàn cầu tương tự Axies HTML
3. Tặng kèm một cv tuyệt đẹp không đụng hàng, hướng dẫn cách viết CV, cẩn thận tỉ mỉ, chuyên nghiệp, kỹ năng phỏng vấn

Chúng ta có thể tự tin đi đàm phán làm việc không phải là xin việc

1. HTML elements – div and span
2. HTML elements – i, b, p, and a
3. HTML elements – ul, li, and ol
4. HTML elements – header and footer
5. HTML elements – section, main, and article
6. HTML elements – h1-h6 and aside
7. HTML Form input, Select, Text Area
8. Phân nhóm thẻ inline và nhóm thẻ block
9. TF_Project #1 – HTML text site

1. Background color, Background img, Background size, Background Parallax
2. Padding, margin, and float ( Hiểu bản chất và dùng đúng chức năng điều khiển được code chạy theo ý mình, không code hên xui )
3. Font Weight, style, and Family ( Cách định nghĩa sử dụng font đúng cách )
4. Text decorations, Line Height, Letter Spacing ( Độ cao dòng, Khoảng cách chữ trên ) Box Shadown
5. HTML elements – h1-h6 and aside
6. HTML Form input, Select, Text Area
7. TF_Project #1 – HTML text site ( Bài test để tổng hợp thấu hiểu những phần đã học)

1. Thuộc tính của nhóm thẻ inline. VD như thẻ a nó thuộc dạng text thì css của nó chỉ có là font-size, font-family, font-weight, color
2. Thuộc tính nhóm thẻ block: Thuộc dạng khối block thì css của nó background-color, padding, maring không thể css là color or font được
3. Cách điều chỉnh một thẻ, or 1 div theo đúng vị trí mong muốn, căn giữa cho 1 div box, căn giữa cho text
4. Padding, Margin, Overflow, cách dùng cho phù hợp
5. position: relative; absolute,z-index, CSS Flexbox Layout, Float Left
6. Lớp giả và phần tử giả trong CSS :Before, :After
7. Cách vẽ tam giác bằng CSS
8. Tự tạo lưới và chia lưới để thuận tiện việc Back-End đổ dữ liệu không bị vỡ layout
9. Viewpoint width and height, overflowing content
10. Transition property

1. Cách khai báo sử dụng Font google
2. Cách Convert từ SVG, Vector sang Icon Font
3. Cách trim và xử lý hình ảnh từ all file Design Figma, XD, PSD

1. Giới thiệu JavaScript
2. Alerts and console logging
3. Integers, strings, and variables ( Số nguyên chuỗi và biến )
4. Undefined variables and modifying values of variables ( Biến không xác định và nhập edit giá trị biến )
5. Câu lệnh If statements, For loops, Switch Định nghĩa và sử dụng hàm Defining functions
6. Event handling ( Xử lý sự kiện on click, on hover.. )
7. Setting an elements inner HTML, Đặt giá trị Data trong HTML và get ra JavaScript

1. jQuery setup ( Cài đặt )
   
2. Select elements HTML children, toggleClass
3. Event handling ( Xử lý sự kiện ) on (‘click’) , on (‘hover’)
4. Dropdown menus
5. Making our dropdown disappear, append, find, each, slideToggle
6. Multiple targets, events, and attr method. Nhiều mục tiêu sự kiện và phương thức get attr kết hợp cấu trúc HTML
7. Prepend, append, and html
8. preventDefault

1. Viết chương trình jQuery 
   
2. Find method. Phương thức find find(‘.navigation.loadmore.blog a’)
3. First and last
4. Contains, is, and hasClass Check hasClas  if ( $(‘body’).hasClass(‘header_sticky’) ) {
5. Each method
6. CSS css({‘padding-top’: adminbar});

    

1. Thực hành code Header Fixed
2. Thực Hành Code Menu Mobile
3. Thực Hành Code Tab
4. Thực Hành code Gotop
5. Thực Hành code Menu One Page
6. Thực hành code slider
7. Thực hành sử dụng thư viện bên thứ 3 Revolution Slider, Carousel, Swiper Slider, Counter, Char, Progress bar, Counter Down…
8. Thực hành code xử lý sự kiện

1. Định nghĩa lưới Bootstrap 
2. Cách chia lưới
3. Cách dùng một số Component Bootstrap
4. Responsive Bootstrap

1. Nhận file thiết kế Figma, XD, PSD 
2. Định nghĩa hệ thống, Body, Heading H1-H6, From, Button
3. Phân tích giao diện chia Topbar, Header, Page Title, Content Article, Siderbar, Widget, footer, Bottom ( Xong phần này thì code được Blog, Blog Single Pixel Perfect theo design )
4. Phân tích và code Widget để ráp vào tất cả các page. VD như section, colums widget, cách selector chuẩn 
5. Cách sử dụng thư viện bên thứ 3 để code lên hình một số chức năng trong thiết kế như tab, slider, counter, counter down, progress bar
6. Ráp từng Widget vào lên hình page
7. Code Responsive trên màn hình nhỏ, Ipad, Iphone
8. Check validate, clean code
9. Test và xử lý feedback Học viên nhận feedback và xử lý tất cả từ đội ngũ tester. Bao gồm: test giao diện Pixel Perfect, hiệu ứng Hover, Link, Animation, Clean code, dung lượng file img, test Mobile, Retina, Valiadate W3c
10. Upload sản phẩm lên chợ đợi kết quả từ Reviewer