🗓️ Today’s Topics

• The woes of deployment & what to do about them
• Django managers, lookups, and querysets
• Using the Django shell to make queries

🎯 Project: Continue Building Habit Tracker

Today you should finalize your models and begin building out the urls, views, and templates you will need. Before you write the code, plan for what you will need.

There are examples for a lot of what you need to do in the Django Recipes codebase but you will have to adapt them to your Habit Tracker use cases.

🔖 Resources

• Django QuerySets
• Django Model Managers
• Django Queries: Retrieving Objects
• Field lookups
• Lookups that span relationships
• Lookups with Related objects
• Django Related Objects Reference

🌟 EXTRA/TMI

• SQL Basics: Learn X in Y minutes -> this is a helpful reference for SQL syntax when you run into it. You do not need to write SQL for Django because the Django ORM does it for you, and it does it well. The Django docs often illustrate queries made by the ORM using SQL syntax, however, and you will find it helpful in your job to know the basics.

🦉 Code & Notes

• Django Recipes App
• Habit Tracker ERD

Topics

• Intro to React
  • Why does React exist? What problem does it solve?
  • How is it different from vanilla JS?

🛠️ Setup

Make sure you have the following set up in your local environment:

• Node & npm
• create-react-app
• VS Code extension for JSX and Standard.js

📖 Read | 📺 Watch | 🎧 Listen

• React docs
• Kent C. Dodds, The Introduction to React You’ve Been Missing

🎯 Do

Beginner’s Guide to React Tutorial. This will show you the most modern way to build React apps. This project will be in Git, but you will use a repository you make.

** Please submit a link to the repository you create for this tutorial here: https://forms.gle/JPTMnnHWa1PnLSpk9 **

If you finish this and want to keep going, try one of these other tutorials:

• The Beginner’s Guide to React - video-driven, very complete
• The official React tutorial - classic, official. Uses class-based components, which are a bit older, but still widely used
• Dave Ceddia’s React tutorial - very long, very comprehensive

Today’s Topics

• Intro to Phase 3!
  • Back End and Front End classes have different class times and separate posts today.
• Schedule & Expectations
• Note-taking & Markdown
• Setting goals for Phase 3

🤨 What does “Advanced” Even Mean?

⚠️ And even for experienced engineers, their experience is limited to certain areas, and completely dependent on having had opportunities to develop that experience. What you don’t know will always outweigh what you do as long as you work in a field that moves as fast as tech does.

If that seems discouraging, see this great blog post by one of the most well-respected and influential developers out there right now.

Dan Abramov, Things I Don’t Know

📝 TODO for EVERYONE this week

• Learn markdown
• Pick a note-taking application that will let you take notes while you read and work. It’s important that it can properly format code blocks. Here are some options (but don’t spend too much time making this choice).
  • VS Code (with this option you could create a simple git repo with markdown files)
  • BoostNote
  • Notion
  • Typora
• Complete this Goals Reflection exercise

🔖 Resources for Everyone

Time Management

• The Pomodoro Technique for Time Management & Productivity
  • Zapier’s list of Pomodoro Apps
• Time Blocking
• Common Time Management Problems & Solutions

Tech Talks with Good Advice

• Rukia Sheikh-Mohamed, 5 Steps to Getting Unstuck
• Katrina Owen, How to Fail Without Being a Loser
• Tom Stuart, The Most Common Problem In Software Development And How To Fix It
• VLC An open source video player that gives you lots more control than YouTube does (like more playback speed options).

Markdown

• Markdown Guide
• Markdown Tutorial

⚠️ You only need to read this post if you are in the back-end group.

🐍 Today’s Topics

• Deploying Django applications to Heroku
• Using PostgreSQL with Django

🎯 Project: Habit Tracker

You’ll be working on Habit Tracker this week.

It’s important to read the project requirements thoroughly and start to think about how you would do this project.

First steps: generate the project skeleton; make sure you are using Postgres; deploy to Heroku; and design your models. Make sure to create a diagram showing model fields and relationships. Talk through with each other how you are thinking about this.

By tomorrow:

• Your application should be deployed to Heroku.
• Your models should be functional.
• You should be able to create habits and associated daily records in the django shell (I recommend using shell_plus which is available from django-extensions).

📖 Read | 📺 Watch | 🎧 Listen

These are this week’s required readings, videos, and/or podcasts. Read, watch, or listen, take notes, and come prepared to discuss what you learned.

Deployment

• 📖 Full Stack Python: Deployment
• 📖 Heroku Reference: Deploying Django Apps to Heroku
  • Walkthrough: Getting Started with Python/Django Apps on Heroku
• 🎧 Deploying and Running Django Web Apps in 2021

Databases & Data Modeling

• 📖 Full Stack Python: Databases
• 📖 Full Stack Python: ORMs
• 📖 Class-Responsibility-Collaborator Model (CRC)
• 📺 Entity Relationship Diagrams (ERD), from Lucid Chart

Debugging

• 📖 Python Debugging with Pdb
• 📺 Damilare Onajole, Debugging Python

🔖 Resources

• Checklist for deploying to Heroku
• How to use django-extensions shell_plus

⚛️ Welcome back to Front-End Development!

Congratulations on your desicion to continue your journey at Momentum as a front-end developer! During Phase 3 we are going to take a dive into a popular JavaScript framework called React, which is used to build single-page applications. Before we jump into the deep waters of React development, let’s dip our toes into some JavaScript ES6 and reaquaint ourselves with JS syntax and logic.

📖 Read | 📺 Watch | 🎧 Listen

These are required readings, videos, and/or podcasts. Read, watch, or listen, take notes, and come prepared to discuss.

• 📖 Modern JavaScript Explained for Dinosaurs
• 📖 State of JS 2020 Survey Results -> Read the Introduction and Features sections; the rest you can skim, although it’s all pretty interesting.
• 🎧 How to think like a Front-End Developer -> Listen to the first episode with Eric Meyer, but all the episodes are really great!
• 📺 ES6 tutorial for beginners

💻 Write Code

You are not required to turn in a lab assignment (Yay!), although you are encouraged to work in pairs.

pairs = [
  ('Shaune', 'Logan'),
  ('Greg', 'Brian'),
  ('Sara', 'Roan'),
]

Pick 1-3 exercises from this list on Exercism.io JavaScript Track:

• Isogram
• Scrabble Score
• ETL
• Simple Cipher
• Hamming
• Gigasecond
• Grade School

🔖 Helpful resources:

• MDN: A Re-Introduction to JS
• JavaScript for React: A Cheat Sheet