2. This Coding 101 class teaches you to build front end web applications
Learn coding fundamentals and how to build and deploy real custom websites
Front End
• HTML gives website basic skeletal structure, written text, pictures, and links (like your bones)
• CSS makes site look good through formatting (like your skin and make-up)
• JavaScript provides site with functionality and computation ability (like your muscles)
Header (HTML)
Make header blue
(CSS)
Update search filters
when clicked (JS)
Body (HTML)
Picture Section
(HTML)
Picture width is
100px (CSS)
Open options when
clicked (JS)
Black background
white font (CSS)
3 columns with
pictures (CSS)
3. What is Uprise University?
An omni-channel education platform that will…
• Provide modular, adaptive, self-paced course curriculum with dynamic content based on the
individual students using it and their individual learning style and experience level using machine
learning and artificial intelligence
• Structure courses within departments to allow you to earn a major or minor in a particular field of
study (e.g., Coding), or take electives in classes that interest you (e.g., Chinese History)
• Give you the option to take courses pass / fail, for a grade, or to audit them
• Offer a wide range of course curriculum across coding, business, accounting, science, math, etc.
with a strong focus on real world application rather than just theoretical concepts
• Create a standardized credentialing systems similar to a GPA or SAT score so that employers know
how capable you really are
• Help you find your next job
Mission: Provide global education for free to everyone and anyone!
4. • Learn how to code
• Learn how to build and deploy real world applications (not just concepts and theory)
• Major in computer science
• Get a job as a software engineer
• Manage a team of software engineers or learn how to communicate with them better
• Pick up a new hobby
• Become a tech billionaire!
Who?
Who should major in coding? Anyone who wants to do all or some of below…
5. Uprise University – Coding Major Principles
• Build real stuff! Most courses teach you fundamentals while you build in sandboxes (i.e. something
that is not actually useful); We prefer to building things that are useful!
• Self-paced. Fast or slow, your choice. As you move from section to section, you will work with
different students and different teacher assistants who are experts in that module.
• Modular! We assume you know almost nothing, but if you do, don’t worry…this course, it is set up to
be modular, meaning that you can quickly skip through parts you already know; Tests at end of each
section check to make sure you really know it; Cheat sheets also allow you to scan material quickly
• Mentors to help debug! One of the most difficult and frustrating parts about learning to program is
not learning the concepts, but trying to figure out why your program doesn’t work. Our teachers will
be here to help. Don’t spend hours looking for a missing semi-colon.
• Learn, Do, Teach. In order to really learn coding and coding principles well, you should first
• Learn concepts
• Then actually code real projects and do it yourself
• Finally teach it to your classmates. This will make sure you learn it, understand it, and
remember it!
• Great coders are great collaborators. It can take hours, days, or even weeks to fix a bug that
someone else could have solved in minutes. Collaborative community makes everyone better.
6. • Online Classes
• Go to www.UpriseUniversity.com for course schedules, powerpoint slides, course cheat
sheets, videos, and transcripts
• Email info@upriseuniversity.com for availability
• Pre-requisites
• Good understanding of math and algebra
• Working laptop with internet
• No prior programming experience required
• Mentors are software engineers and developers from large corporations
Coding Major - Program Overview
7. 100+ Level Classess (required classes):
• 101: Front End Web Development (HTML, CSS, JS)
• 102: Back End Web Development (Python)
• 103: Intro to database management and analysis (SQL)
• 104: Full Stack Web Development (Flask-SQLAlchemy)
• 105: Deployment and Tools (Heroku, AWS, GitHub, Command Line Interface)
• 106: Interview prep and Basic Algorithms (Python)
200+ Level Classses
• 201: Mobile App Development
• 202: Intro to Machine Learning
• 203: Intro to Artificial Intelligence
• 204: Intro to C++
• 205: Intro to React
• 206: Data and statistical analytics
• 207: Financial analytics with python
• 208: Intermediate Algorithms
300+ Level Classses
• 301: AWS Cloud Architect
• 302: Intermediate Machine Learning
• 303: Intermediate Artificial Intelligence
• 304: Block Chain
• 305: Security management
• 306: Advanced Algorithms
Coding Major Curriculum
100 level classes give you coding fundamentals to build and deploy applications; Finish these first
8. Full Stack web development refers to developing front end code to deliver what you see on webpage,
back end code to handle data and complex computing, and connecting and deploying both; Full stack
web developers can create and deploy everything needed to make useful apps
Front End Code creates what you see when you view a website (e.g., text, pictures,…)
• HTML gives website basic skeletal structure, written text, pictures, and links (like your bones)
• CSS makes site look good through formatting (like your skin and make-up)
• JavaScript provides site with functionality (like your muscles) and basic computation ability
Back End Code connects site and user input with a server and database so that you can store data,
create user accounts with login’s,…
• Python is similar to JavaScript but sits on site’s server and is used for accessing and updating data
and typically performs more complex functions (like your brain)
• Flask, SQL-Alchemy, psycopg2 are all free libraries written in python that we will use to more
easily create connections to our database
• SQL is a very simply language used strictly for interacting and querying databases
Useful tools and deployment
• GitHub is online platform where you can save and share work and version control
• PostgreSQL is simple but high powered database that allows you to store data
• AWS is Amazon’s industrial strength platform that can host your site and database
• Heroku is an application that makes it even easier to deploy code on AWS
Coding languages not covered in 100 levels classes
• Apps: Xcode, React
• Native desktop programs: Java, C++
Coding 100 Level Courses: Full Stack Web Development & Deployment
What is full stack web development?
9. Coding 100 Level Courses: Full Stack Web Development & Deployment
What is full stack web development? It let’s you build and deploy websites!!
Front End
• What user sees
• HTML, CSS, JavaScript (“JS”)
Back End
• Database, servers, & complex computing
• Python, SQL
Full Stack
• Build front and back end and connections
• Deploy code (i.e. make it usable in real world!)
Deployment (AWS, Heroku)
City Bdr Sq ft Price
NYC 2 1,200 $2.4M
SF 1 800 $1.6M
NYC 1 700 $1.4M
User PWD
John 1234
Lydia 4567
Bob ABC@
Apartment Table User Table
Database & Server
10. Coding 100 Level Courses: Full Stack Web Development & Deployment
101: Front end web development overview
Front End
• HTML gives website basic skeletal structure, written text, pictures, and links (like your bones)
• CSS makes site look good through formatting (like your skin and make-up)
• JavaScript provides site with functionality and computation ability (like your muscles)
Header (HTML)
Make header blue
(CSS)
Update search filters
when clicked (JS)
Body (HTML)
Picture Section
(HTML)
Picture width is
100px (CSS)
Open options when
clicked (JS)
Black background
white font (CSS)
3 columns with
pictures (CSS)
11. Coding 100 Level Courses: Full Stack Web Development & Deployment
102: Back End Web Development (Python)
Back End
• Python is similar to JavaScript but sits on site’s server and is used for accessing and updating data
and typically performs more complex functions (like your brain)
• This course will focus heavily on Object Oriented Coding, writing more complicated code and
functions, as well introduce you to some basic algorithms
Object-Oriented Programming
Properties
Email
Cell
Address
Available Rooms
# of Rooms
Methods
Book Room
Check out
Cancel room
Objects
hotel_park_palace
Class
Hotel
12. Coding 100 Level Courses: Full Stack Web Development & Deployment
103: Intro to database management and analysis (SQL)
City Bdr Sq ft Price
NYC 2 1,200 $2.4M
SF 1 800 $1.6M
NYC 1 700 $1.4M
User PWD
John 1234
Lydia 4567
Bob ABC@
Back End
• SQL is a very simply language used strictly for interacting and querying databases.
Allow new users to join
(python)
Estimate apartment value
based on sq ft, location, and
bedroom size (Python)
Search for all apartment in
NYC for less than $2M
(SQL)
Apartment Table User Table
Database & Server
13. Coding 100 Level Courses: Full Stack Web Development & Deployment
104: Full Stack Web Development to tie together front and back end (Flask-SQLAlchemy)
Front End Back End
Full Stack
14. Deployment
• AWS is Amazon’s industrial strength platform that can host your site and database
• Heroku is an application that makes it even easier to deploy code on AWS
Tools
(Introduced in earlier classes as well)
• iTerm2: Command line interface tool that allows you to run backend code, deploy
servers, and install necessary programs
• GitHub: online platform where you can save and share work and version control
• Microsoft VS Code is a simple text editor that helps you write code more effectively
Coding 100 – Full Stack Web Development
105: Deployment and Tools (Heroku, AWS, GitHub, Command Line Interface)
15. Tech Stack
101: Front End Web Development
o HTML
o Cascading Style Sheets (“CSS”)
o JavaScript (“JS”) & JQuery
102: Back End development
o Python
103: Database Analysis
o SQL using PostgreSQL tool
104: Full Stack Web Development
o SQL Alchemy & Flask
o API Endpoints
o Postman testing
o Identity Authorization Management
105: Deployment & Useful tools
o Git Hub
o Amazon Web Services (“AWS”)
106: Interview Prep and Advanced Algorithms
o Resources to use
o Algorithms
Coding 100 Level Courses: Full Stack Web Development & Deployment
Learning Summary
17. • To start, flip through all lessons, slides, cheat sheet, and deployed course projects quickly to get a
feel for what you will be working on
• Every few days
• Flip back through past few lessons to refresh your memory on what you have already learned
• Try to learn at least one new thing to make sure that you continue to learn
• Make flash cards to remember key commands and syntax
• Once per month
• Flip back through all of materials that you have covered to make sure that you don’t forget
anything
• Flip through all materials you haven’t yet covered to see where you are in relation to entire
course
• After you finish, make sure to go back through all materials and projects once per month to make
sure that you don’t forget what you have learned
Coding 100 Level Courses: Full Stack Web Development & Deployment
Instructions