Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?

CURSOR Education | Frontend educational program

Overall structure:

  • 10 theories (Mondays, 3 hours lection at evening)
  • 10 practices (Fridays, 3 hours of live coding at evening)
  • 10 frameworks (Saturday, 3 hours live session at morning)

Introduction talk (course presentation)

  • Why FrontEnd? And who is FrontEnd developer?
  • The Programming Languages
  • Job titles
    • technical - Intern, Junior, Middle, Senior, Lead, Chief, Architect
    • management - Project Manager, Project coordinator, etc
  • My story - how I become a programmer
    • Short history about each trainer
    • position, exprience, primary/secondary languages
  • Who is this course for?
  • Google is our best friend (15-minutes rule)
  • Course process
    • Communication & online community
      • Facebook & Slack
      • After 1/2 course - Skype CURSOR's group
    • Teachers
    • Mentors
    • Personal & Group (team) homeworks
    • 10 points for each homework
    • Course structure

Overall course plan: (10 weeks)

  • Week 0

    • Environment setup & configuration (Browsers, IDE, tools, etc)
      • talk about OS
      • talk about Text Editors & IDEs and extensions
    • Network
    • Git?
    • GitHub registration & overview
      • workflow
      • homeworks peer-review
  • Week 1

    • Monday:
      • topic: HTML/CSS essentials
      • sample homeworks
        • psd into website
        • implement sample sketches & mockups
        • share page via GitHub Pages
    • Friday:
      • using Git workflow
      • using GitHub Pages
      • using ready-to-use implementations
      • ideas
        • live coding convert psd/mockup to html
        • branches? another teacher will push changes during the lecture
    • Saturday:
  • Week 2

  • Week 3

    • Monday:
      • topic: Pre-/Post- & tools
        • npm scripts introduction
        • LESS
        • Jade/Pug
        • Myth
      • sample homeworks: tbd
    • Friday:
      • app from scratch
      • using npm scripts, LESS & Pug
      • hot reloading
      • static web server
    • Saturday:
      • SASS & SCSS
      • customize framework
      • Bower
      • Wiredep
      • finalize html & css knowledge
  • Week 4

  • Week 5

    • Monday:
      • topics: DOM & BOM (\w jQuery samples)
        • Sizzle selectors
      • sample homeworks: tbd
    • Friday:
      • live-coding samples
        • Form validation
        • Drag & Drop approach
      • Vanilla JS
      • Balalaika.js (lightweight wrapper of Sizzle & methods)
      • cookie.js
    • Saturday:
  • Week 6

    • Monday:
      • topics: OOP & Inheritance
      • sample homeworks: tbd
    • Friday:
      • OOP patterns
    • Saturday:
      • Node.js introduction (simple web-server, request/response model)
  • Week 7

    • Monday:
      • topics: AJAX & Network
      • sample homeworks: tbd
    • Friday:
      • XMLHttpRequest & implementations
      • JSON
      • cross-domain requests
      • Fetch API
      • public APIs
    • Saturday:
      • Schema.io for e-commerce
      • jQuery.ajax
      • WebSocket
  • Week 8

    • Monday:
      • topics: JS Tools
      • sample homeworks: tbd
    • Friday:
      • npm scripts introduction
      • Gulp
      • Grunt
    • Saturday:
      • npm scripts
      • WebPack
      • unit & e2e testing talk
        • Mocha & Chai framework
        • Karma test runner
        • Protractor & Jsmine
  • Week 9

    • Monday:
      • topics: Templates & Design Patterns (\w MV*)
      • sample homeworks: tbd
    • Friday:
      • Design Patterns
      • Modular patterns
      • MV* patterns
      • doT.js
      • Mustache
    • Saturday:
      • Angular1 (+ data-binding talk)
  • Week 10

    • Monday:
      • topics: ES6
      • sample homeworks: tbd
    • Friday:
      • transpiling es6 using Babel
    • Saturday:
      • Angular-Material
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment