Skip to content

Latest commit

 

History

History
92 lines (72 loc) · 3.29 KB

contents.md

File metadata and controls

92 lines (72 loc) · 3.29 KB

MIT Licensed Ideas and useful links Awesome        Telegram

Front-End Course. Contents

Stage 0. Self-Study

The online stage of Front-End Course. Following tasks should be completed at home to participate offline stage. Learn more in README.

General Basics

  1. Git Basics
  2. Linux CLI and Networking
  3. VCS (hello gitty), GitHub and Collaboration

Front-End Basics

  1. Intro to HTML & CSS
  2. Responsive Web Design
  3. HTML & CSS Practice
  4. JavaScript Basics
  5. Document Object Model - practice

Advanced Topics

  1. Building a Tiny JS World (pre-OOP) - practice
  2. Object oriented JS - practice
  3. OOP exercise - practice
  4. Offline Web Applications
  5. Memory pair game — real project!
  6. Website Performance Optimization
  7. Friends App - real project!

Stage 1. The Show Must Go On

The offline stage of Front-End Course.

Main thread

  1. Intro to meet-up backed course stage
  2. Self-study stage practical tasks retrospection
  3. Mastering HTML 5 forms
  4. Modern Web App and Web Frameworks
  5. Component-based App Architecture (Weather App)
  6. Routing (Collection Browsing App)
  7. Authentication and Authorization (Chat App)
  8. Websockets (Chat App)
  9. Canvas API (Puzzle Game)
  10. Framework/Library (TBD)

Supplementary part

Following topics are not the part of the main course and can be held by Kottans after discussions with students. Short description of the each topic can be found in the issue. Additionally, each student can request, as well as each mentor can propose, a lecture or workshop about any theme.

Supplementary workshops

  1. JS Asynchronicity
  2. JS tricks, best practices
  3. JS prototypes
  4. Tooling
  5. Advanced git
  6. Whatever students want to try (within FrontEnd Universe)

Supplementary lectures

  1. Design Patterns Classics
  2. JS Design Patterns
  3. Guided tour through MDN
  4. Website Performance Optimization
  5. react@next
  6. Whatever students want to know (within FrontEnd Universe)

Soft Skill Extras

  1. Problem decomposition
  2. Roles in IT company
  3. Agile/SCRUM, SDLC
  4. How to survive and succeed in job interview
  5. Product-centric mindset