Brainstorm JavaScript module
Here is an overview of the brainstorm sessions for the JavaScript modules. Feel free to make suggestions or add anything. If everyone can help out with elaborating on the different subjects that would be great! What you see below is a rough layout for the first three Javascript modules. Feel free to deviate from this layout but try to cover all of the subject matters listed.
- what is a CLI
- Basic Git commands by CLI
- publish your websites on Git (UI)
- branch and push, clone
- Intro Javascript (What is it, where can you use it for)
- Querying the DOM
- Basic datatypes (array, string, number, bool)
- Loops, if statements
- Browser debugging & ClI debugging
- Code conventions
- Function declaration and excecution (code flow)
- Scope
- Github documentation (readme, description, open sourcery)
- Git tracking, terminology
- Advanced datatypes(objects)
- Code flow
- JavaScript functions, callbacks (events)
- Writing a multi function program (or game :)
- HTTP requests
- APIs!
- JSON
- Polling external data dynamically
- (Unit testing)
- Code patterns
- Observer patterns
- Watcher patterns
- Try to find an example you can expand on. For instance coding a website that lists the students in the class along with their Github Repos. This way you can show anything from DOM querying to objects (for each student) and even load up the Github API
- Live coding in class to show how certain features work.
- Ask students to present their work, let them know failing while coding isn't just accepted it's encouraged. Fail often and fail early.
- Homework is listed on Trello and handed in on Github
- There's no strict lesson plan, adapt to students' need and level. Try to make up more advanced challenges for quick learners.
- Test after every module, if students fail they can't move on to the rest of the program. It is possible to redo a module (one time).
- Slackbot
- Work in one environment
- Feedback from students and teachers on the modules