Frontend Development: JavaScript

🚀 ReDI Fall 2020 🚀

Lecture

Let's get setup

To get the certificate

• 80% attendance
• 80% homework attempt
• Midterm test
• Final project

Homework rules

• One homework assignment per week
• Must be done before deadline

Classroom rules

• Listen to the teacher
• Listen to each other
• Respect one another

Classroom rules

• Tell us on Slack if you're late or can't come
• Do the homework and review the last lesson before class
• Don't hesitate to ask us in person or on Slack!
• Talk to each other
• Enjoy and have fun

Logistics

• Where?Mostly online via BBB
• When?19:00 - 21:00 Tuesday and Thursdays
• In-person lesson:
  • Where?SIL
  • When?19:00 - 21:00 Friday every two week

What is expected from you?

• Commitment
• Desire to learn
• Patience
• Code-code-code

What you can expect from us?

• Help inside and outside of class hours, via Slack chat or calls
• Project inspiration and suggestions

The Final Project

• Each of you has to finish a small project
• The projects will be presented on demo day to all from ReDI Munich and guests
• You have lots of freedom how to design and build it
• Start with small simple version and then add more features
• We will help you every step of the way!

What could be a Final Project?

• Weather check app
• Stock price check app
• Movie app
• Covid 19 cases viewer
• Tic-tac-toe game
• ... bring your own idea!

Laptop checkup (software)

• Firefox (option A): https://www.mozilla.org/firefox/new/
• Chrome (option B): https://www.google.com/chrome/
• Git (only for windows)

  Mac and linux already installed by default

• VSCode: https://code.visualstudio.com/downloadRecommended plugins
  1. bäumer.vscode-eslint
  2. esbenp.prettier-vscode
  3. bäumer.vscode-eslint
  4. ms-vsliveshare.vsliveshare
  5. ms-vsliveshare.vsliveshare-pack
  6. PKief.material-icon-theme

Online accounts

(we promise these are worth it)

• Create Github account

  Github is the most popular git repository. Fun fact: when applying for a job it is common to present your online git account as a portfolio. Post your account to the slack channel to share with your classmates! 😊

• Create Free Code Camp account

  FCC is the most popular free learning platform. It is organized from beginner to advanced topics. A community of hundreds of volunteers keeps it updated and constantly provides improvements. TRUST THEIR METHOD.

Online accounts

(we promise these are worth it)

• Join StackOverflow

  SO is *the* website to ask for help related to programming. Basic rules 1) search for your question first. 2) Make points by formulating your question correctly. Here questions and answers get rated separately. Formulating a good question is THE MOST IMPORTANT THING TO LEARN PROGRAMMING. (not as easy as you may think)

• Create Glitch account

  A simple tool for creating web apps. A friendly, creative community. Glitch was created by the same people as StackOverflow. You can write code, share code, see the results as you type. You can also use existing code and apps from people like you and modify it to fit your needs.

How we gonna learn?

• lessons from freeCodeCamp
• explanations from teachers about hard topics
• practice in groups during lessons

Homework workflow

• Github PR (helper explanation is here)
• Classroom for assignments and traking

Homework