Prepare For The Workshop

For you to get the most out of this workshop, it is important that you are familiar with HTML, JavaScript (ES6), and basic CSS.

But don't worry - You don’t have to be an expert, basic concepts are all you need!

We created a list of resources below to make it easy-peasy. We are always here to help, and you’ll have an opportunity to ask mentors questions prior to the workshop too!

You don’t have to walk through all of these. We provided different resources so you can find which one works best for you! All resources are free of charge and great ways to learn.

Mozilla Developer Network Learn web development tutorial

https://developer.mozilla.org/en-US/docs/Learn

Review the listed sections of the first 4 topics:

- Complete beginners start here! (optional)
- HTML - Introduction to HTML
- CSS - Introduction to CSS
- JavaScript - JavaScript first steps, JavaScript building blocks, Introducing JavaScript objects, Client-side web APIs: Introduction to web APIs

freeCodeCamp

https://learn.freecodecamp.org/

Review the listed sections of Responsive Web Design and JavaScript Algorithms And Data Structures:

- Basic HTML and HTML5
- Basic CSS
- Basic JavaScript
- ES6

Codecademy

https://www.codecademy.com/

- Introduction to HTML (https://www.codecademy.com/learn/learn-html)- free topics only
- Learn CSS (https://www.codecademy.com/learn/learn-css)- free topics only. CSS Grid section optional
- Learn JavaScript (https://www.codecademy.com/learn/learn-javascript)- free topics only