Northeastern Oasis's repositories
Ultimate-Oasis-Starting-Guide
Supplementing the workshops, this repo contains all the resources you need for a successful Oasis experience!
automations
Houses all the code for the automations that help make Oasis run buttery smooth
Workshop-4-Intro-Frontend-Development
This is the starter code for the 4th Oasis workshop, in which we covered what frontends are, why we use frontend frameworks/libraries, what technologies are used to create them, and how to write code in a popular one--React!
Workshop-9-Project-Deployment
This workshop focuses on how we can deploy our project--what that even means, why we'd do it, and various relevant strategies for doing so
High-School-Intro-To-Web
Welcome to the Oasis workshop! In this session we are focusing on HTML and CSS--two of the "Languages of the Web"! We will be introduced to why we use them and enough syntax to start development
HS-Workshop-Intro-Web-Coding
This workshop is aimed at high school students who are interested in learning how to start developing on the web! We will start by covering why you would dive into web development and what options exist for doing so, and then discuss the roles and usage details of HTML, CSS, and JavaScript. This is a beginner-friendly workshop
In-Depth-Frontend-Dev-Spring-2021
This is the repository for Oasis Series 2, Workshop 3 of spring 2021! We are covering frontend development in more depth by diving back into React
Intro-To-Web-Spring-21
This is the starter code for the third Oasis workshop of spring 2019: Intro to the Web!
Workshop-1-Idea-Generation
The first step to starting any project is coming up with a great idea for it. Whether it's a tool to make life easier or just more interesting, having a solid roadmap for a project before writing any code is crucial
Workshop-2-UI-UX-Design
Once you have an idea for a project, the next step is to figure out what it's going to look like--you need to design it! This process can involve many steps, including using a digital tool to create a mockup similar in appearance to the final app. In the interactive part of this workshop, we learn about the basics of Figma and how we can use it to start designing our own app
Workshop-3-Intro-To-The-Web
This is the starter code for the 3rd Oasis workshop, in which we cover the basics of web development--why we do it and how we do it. In this interactive portion, we introduce you to the three "Languages of the Web"—HTML, CSS, and JavaScript—through a series of simple exercises and prompts for more complex examples
Workshop-4a-Introduction-Web-Coding
This is the starter code for the Oasis workshop collaboration with NUWIT, in which we covered what languages are used to code the web, what their individual functions are and actually dove into writing some HTML, CSS, and JavaScript! This workshop is a slightly modified version of workshop 4, having a shorter lecture and more of an emphasis on writing code
Workshop-10-Web-Drawing-And-Games
In this fun elective workshop we will be learning about how drawing works on the web. We'll use a beginner-friendly library called p5.js to create a basic interactive, graphical game right in our web browser!
Workshop-5-Intro-Backend-Development
This is the starter code for the 5th Oasis workshop, in which we cover what backends are, what a REST API is, why we use them, how to start coding our own using Node.js and Express!
Workshop-6-In-Depth-Frontend-Development
This is the starter code for Oasis workshop 6: In-Depth Frontend Development. In this workshop we go a bit deeper into React, covering lifecycle hooks and how to make API calls and subsequently display the data we receive.
Workshop-7-Databases
This is a short exercise for the 7th Oasis workshop, in which we talk about databases--what they are, why we use them, and how we integrate them in our applications. This example introduces some of the functionality of MongoDB
Workshop-8-Web-Testing-Debugging
This workshop focused on getting started using Jest, a popular JavaScript library for frontend testing in web applications. We looked at how to use matchers to check that functions return their expected values. We also took a quick look at Storybook, another tool for frontend testing, and the web debugging tools.