HackMDWeb Dev by SHPE Tech
Created by Guillermo Sanchez
Resources for students learning web development with HTML, CSS, Bootstrap, JS, Node, and Mongo DB. Resources include starter projects, learning material, topics, and more during the academic quarter at UC Irvine.
Instructors
Guillermo Sanchez – guilleis@uci.edu
Guillermo Hernandez – guilleeh@uci.edu
Schedule
| Day/Time | Time | Location |
|---|---|---|
| Mondays | 6pm | HH 156 |
| Tuesdays | 5pm | ICS 259 |
Attendance/Homework Submission
Attendance Link
Assignment Submission
Project Starters
Unit 0: Intro to Grid Bootstrap & GitHub – Josue Lopez
Instructions/Steps for Lab 0
Homework: Your First Website
Unit 1: Intro to Javascript – Israel
Tic-Tac-Toe
Project Starter
Completed Project
Unit 2: JSON & Passing Data – Memo
Pokedex
Project Starter
Completed Project
Lecture Slides
Monday Lecture Video
Tuesday Lecture Video
Unit 3: APIs – Memo
Project Starter
Completed Project
Lecture Slides
Monday Lecture Video
Homework: Catch up on APIs and Concentration Game
Unit 4: Mongo Chat – Memo
Project Starter
Completed Project
Monday Lecture
Homework: Makereddit Pt. 1
Unit 5: E-Commerce – Osvaldo
Project Starter
Completed Project
Homework: Makereddit Pt. 2
Homework: Form groups and brainstorm for project, ideas.
Unit 6: CrapMaps – Guillermo
Project Starter
Completed Project
HW: Finalize group formations, commence working on projects
Resources
Make School
- Tutorials on web dev, mobile dev, and mobile game dev
Bootstrap
- CSS framework + documentation to help you style your website
Materialize
- Google's CSS framework + documentation to help you style your website
W3Schools
- Tutorials on pretty much everything (i.e. python, Ajax, SQL, C++, JS, UI/UX, and more)
Top 100 Web Dev resources/tools
- Tutorials/Resources on the best languages, Javascript libraries, web app frameworks, web front-end frameworks, databases, etc.
Udacity
- Well structured courses in cutting edge tech like machine learning, computer vision, autonomous systems, cloud computing, data science, and more. Taught by leading industries like Google, Facebook, Lyft etc. as well as top performing professors in well-known educational institutions.
Udemy
- Courses on almost anything taught by industry professionals, cheaper than Udacity courses.
Coursera
- Courses similar to Udacity, but focused on the academics. Where as Udacity is more hands-on learning.
Name
- Description
