Today’s Topics

• HTTP requests and responses
• REST APIs
• Django REST Framework

🎯 Project

Complete the official Django REST Framework tutorial. You may find it easier going if you follow the guide by Will Vincent.

Will Vincent uses the exact same code and steps, but he takes more time to explain what is going on and uses the django admin interface instead of the shell to create objects in the database. Will’s tutorial stops short of the last step, step 6, in the official tutorial. But if you finish step 5 and want to keep going, you can continue with the official tutorial.

You should complete the tutorial by tomorrow morning.

Some tips about the DRF Tutorial to keep in mind:

• Do not copy & paste the code. You’ll get a lot more out of it if you type it out yourself.
• Don’t use the Momentum Django Project Template for the tutorial. The custom user model in that template conflicts with what the tutorial has you do.

📖 Read | 📺 Watch | 🎧 Listen

• 🎧 Django Chat: Django REST Framework
• 📖 How HTTP works and why it’s important - Free Code Camp
• 📖 A Beginner’s Guide to REST

🔖 Resources

• Django REST Framework Documentation
• An overview of HTTP - MDN
• HTTP verbs/CRUD/SQL & REST urls notes

Today’s Topics

• How AJAX and APIs work
• How to make AJAX calls from React using fetch() or Axios.

🎯 Project

React Trivia. For today, get a list of trivia categories showing.

🔖 Resources

• React FreeShelf: a finished version
• MDN: fetch
• Axios on GitHub
  • Axios Response Schema
• COVID data app example
• Notes: JS for React

Today’s Topics

• How are things going with React Freeshelf so far? Is there anything you’re stumped on?
• Continue building on the React Devs for Hire app
• Handling events in React with event handlers
• Adding styles to React components

🎯 Do

Continue working on React Freeshelf. This is due on Monday.

📖 Read | 📺 Watch | 🎧 Listen

• Thinking in React
• Using State vs Props in React

🔖 Resources

• 4 Techniques for Conditional Rendering in React
• Handling Events in React

👨‍💻 Code Examples

• DevsForHire!

Today’s Topics

• Interacting with models in the shell
• Queries and more queries

🎯 Project: Still Working on Habit Tracker

Habit Tracker is due on Monday. You can do this! 💪 What do you need to know in order to finish it?

📖 Read | 📺 Watch | 🎧 Listen

This section is material to prep for the topic we will begin next week: building APIs.

• RESTful APIs – read up through the “Standard Methods” subsection of the section on “Methods”. You can read more if you want to but it gets pretty deep.
• Safia Abdullah, You and Me Learn All About HTTP

🔖 Resources

• Pretty Printed Video: How Model Queries Work in Django
• Pretty Printed Video: Querying One-to-Many Relationships in Django
• Django QuerySets
• Django Model Managers
• Django Queries: Retrieving Objects
• Field lookups
• Lookups that span relationships
• Lookups with Related objects
• Django Related Objects Reference
• Complex lookups with Q
• F objects

Aggregate & Annotate

• PrettyPrinted Video: Basics of Django Aggregations
• Pretty Printed Video: How to Use Annotate in Django
• Django docs:Aggregate & Annotate
• Django docs: Combining Aggregations with other QuerySets
• Aggregation Functions (e.g., Avg, Count, Min, Max)

🦉 Code & Notes

• Django Model Queries CheatSheet

Today’s Topics

• What did you think of the tutorial(s) you did? Impressions of React?
• Continue building on our React Devs for Hire app
• More practice with components and JSX
• Handling data in React with props and state

🎯 Do

Today, you’ll start on your first React app without a tutorial. This is due on Monday.

React Freeshelf

groups = [
    ['Greg', 'Sara', 'Brian'],
    ['Shaune', 'Logan', 'Roan']
]

📖 Read | 📺 Watch | 🎧 Listen

• Overview: What is React?
• React Mental Model
• Using the State Hook

🔖 Resources

• Conditional Rendering in React
• Handling Events in React
• Supported Events in React

👨‍💻 Code Examples

• DevsForHire!
• MDN React Todo List Walk-through
• Just show me the code for the MDN Todo List

🧶 Loom screencasts

I made some short topic videos walking through doing some more stuff with the DevsForHire app.

• 1 - Key prop
• 2 - Splitting App into a separate file
• 3- Include a stylesheet for your component
• 4 - State as an array of objects
• 5 - React conditionally rendering JSX inside a map callback
• 6 - React ternary conditional for className
• 7 - React onClick with a handler function from parent component, Part 1
• 8 - React onClick with a handler function from parent component, part 2
• 9 - React onClick with a handler function from parent component, part 3