Below, you'll find a list of all of the material covered during the summer 2020 Opal bootcamp. Each item below doesn't need to be followed in a specific order, except for the assignments which are ordered and sometimes should be done after a specific presentation (this will be mentioned). Links to tutorials are included for each language or framework, but you can use other resources if you prefer.
An overview of what to expect during this bootcamp is available here.
Follow a complete tutorial for all languages and frameworks listed below, either to learn them for the first time or as a refresher. Skip any language that you're already fully comfortable with.
-
Javascript (W3Schools, Codecademy)
-
Asynchronous Javascript & Promises (Presentation #3, article on asynchronous JS, article on callbacks)
-
AngularJS (note: make sure to study AngularJS (i.e. Angular 1), not Angular 2 or higher) (W3Schools, important: JohnPapa Style Guide)
-
Beginner's HTML and CSS (W3Schools)
-
Node.js (if you know Javascript, you'll be able to use Node.js, but you can look at the Node.js Guides if you want to learn more)
Complete the following assignments, which are meant to help you try out the concepts introduced in the presentations.
- Assignment 1: "Hello World the Opal Way". This assignment will teach you about the fundamentals of the Opal app frontend setup. [Solution].
- Assignment 2: Asynchronous JavaScript exercises. This assignment will allow you to practice using promises and manipulating asynchronous code. [Solution].
- Assignment 3: Simple Firebase App. This assignment will help you get comfortable using Firebase in an AngularJS app.
- Assignment 4: Frontend Messaging App. This assignment will give you more practice using AngularJS. For an extra challenge, you can combine it with what you learned in Assignment 3 to turn it into a functional, cloud-based messaging app.
- Assignment 5: Bug-fixing in Opal! This assignment will give you hands-on experience with the Opal development workflow.
These five assignments complete the list of theoretical and practical exercises.
Presentations will be added to this repository as they are given. Refer back to them when needed.
Follow the instructions here to install a local development environment of Opal.
- OnsenUI API Reference (we're using version 1).