Week 18 Day 3
Review from yesterday...
template inheritanceextending vs including
blueprints
WTForms - Flask WTF
makes our forms and validates with templating
will be used for validating with React
brads213 changed 7 months agoSlide mode Like Bookmark
Week 19 Day 2
Today's Docker Topics
Container terminal commands
Networks
Bind Mounts & Volumes-
Dockerfiles / Images
What is a Container?
A container runs an application. It is a unit of software that contains the source code, linux distro, dependencies, and other tools the application needs to run.
brads213 changed a year agoSlide mode Like Bookmark
Week 19 topics
Intro and installation (today)
Docker Containers & Images (Tuesday)
AWS Lecture (Wednesday)
Group Project Practice (Thursday)
Project Starter Released (Friday)
Docker Containers & Images (Tuesday)
A docker container is a lightweight package which contains only the software and dependencies we need to run a single process
A container is a running image
brads213 changed a year agoSlide mode Like Bookmark
Week 18 Day 4
Review from yesterday...
Setting up our flask apps to connect with sqlalchemy
making models
relationship attributes1 : 1
1 : Many
Many : Many
Full CRUD with posts
brads213 changed a year agoSlide mode Like Bookmark
CORS, XSS, CSURF
Review from yesterday...
pagination with query params
search with query params
Today's lecture will be structured differently than you are accustomed to
The short practices are AMAZING for demoing each topic, so the lectures will be very brief, and we let the SP do most of the work
CORS
shanewilkey changed a year agoSlide mode Like Bookmark
Search Features and Pagination
Review from yesterday
serving static files
project stuff
What is pagination?
Pagination is when the results of a query are broken down for use as smaller chunks, or pages.
note: Take a look at a search feature on a website. I like to use the library of congressnote
shanewilkey changed a year agoSlide mode Like Bookmark
Week 18 Day 2
Review from yesterday...
pipenv and virtual environment
.flaskenv vs .env
Config class
Routes!decorators for the url path & methods
view functions
templating with Jinja
brads213 changed a year agoSlide mode Like Bookmark
Technologies
Today: Intro to Flask
Tuesday: Flask routing, templating, and forms
Wednesday: Interacting with a database via the SQLAlchemy ORM
Thursday: Data migrations with Alembic
Friday: review, practice assessment walkthrough
Intro to Flask (Today)
FlaskWeb server (like Express, but for Python)
brads213 changed a year agoSlide mode Like Bookmark
Week 11 Day 3
Querying with Express and Sequelize
Review from yesterday...
Models, migrations, and seeders, oh my!
So many terminal commands
Constraints vs Model Validations
Migrations as "version control"
Querying With Express & Sequelize
shanewilkey changed a year agoSlide mode Like Bookmark
Learning a second (programming) language
Module 6
Your Job will be to create a Full Stack App with a team of developers, using a Python Flask server and React client
You will have 3 weeks to prepare for this job
Week 1 - Python Basics
Week 2 - Flask and SQLAlchemy
Week 3 - Docker, AWS, project planning
Module 6 Overview
Week 17: Python language (inverted style)Intro to Python Basics
brads213 changed a year agoSlide mode Like Bookmark
** Prior to lecture, create around 5000 seeders for a basic names table with first name and last name columns. I like to use the student's names, and just copy and paste them a bunch of times
** Also prior to lecture, create a set of unique seeders. I like to use the instructor's names
Week 11 - Sequelize
DB framework
ORM Object Relational Mapping
Replaces what we have been doing with SQL, but using JS
Week 11 Overview
shanewilkey changed a year agoSlide mode Like Bookmark
Week 10 Day 3
Review from yesterday...
Middlewaremust take 3 parameters
call next to move on to the next
can apply it to one route, all routes, or some routes
we use app.use to apply to all
we are app.use with a Route Path to limit it to some routes
Error Middleware
shanewilkey changed a year agoSlide mode Like Bookmark
This is job training, not school. At this point, you are learning skills that you could be directly applying to a job.
Module 4
Your Job will be to make an entire API server
You will have 3 weeks to prepare for this job
Week 1 - Express and SQL
Week 2 - More Express and Sequelize
Week 3 - Security
Module 5
Your Job will be to make a React client for the server you made in Module 4
shanewilkey changed a year agoSlide mode Like Bookmark
Project Time!
reminder on the project form
if you filled out the form, you should get an email with your scorecard link
2 Required Features for each Project
AirBnb
First Feature: SPOTS. (Full CRUD)
Second Feature: REVIEWS (CRĎ)
MeetUp
brads213 changed a year agoSlide mode Like Bookmark
Redux Thunks
Thunks are function whose primary purpose is simply to call another function
these will handle our fetches to the server
they will ultimately dispatch the action creator if they are successful
Review from yesterday...
Reduxstore - global state
slices of state
provider (just one!)
actions & action creators
brads213 changed a year agoSlide mode Like Bookmark
Redux
JS framework for managing the frontend state of a web app
similar to context, but for larger, more sophisticated applications
https://redux.js.org/
https://react-redux.js.org/
Review from yesterday...
Class based componentsReact is backward compatible
no hooks! 🥲
all methods or this.state, this.props
brads213 changed a year agoSlide mode Like Bookmark
Week 15!
Day 1 React OG - Class Based Component
Day 2 Redux
Day 3 More Redux!
Day 4 Study Day?
Day 5 Project Week Starts!
No assessment on Redux but we have some mock ones for practice
W15D1 Class Based Components
The original way React was set up
brads213 changed a year agoSlide mode Like Bookmark
lots of practice today
PA released tonight!
Review from yesterday...
useState - component stateTOWTACRITPTSSFWANRIM!!!!!!!!
useEffect - side effects
dependancy array
React Component Lifecycle
brads213 changed a year agoSlide mode Like Bookmark