northeastern-oasis Goto Github PK

automations

Houses all the code for the automations that help make Oasis run buttery smooth

engage-intro-to-the-web

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-frontend-dev-spring-21

intro-to-web-spring-21

This is the starter code for the third Oasis workshop of spring 2019: Intro to the Web!

ultimate-oasis-starting-guide

Supplementing the workshops, this repo contains all the resources you need for a successful Oasis experience!

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-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-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-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-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-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.

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