gonzalez-aj

Search bar with dynamic routing using Next.JS in React and Fetch

Today I learned how to create a search bar to search through my data and push the result to a dynamically routed page. I searched some ways to ways to build the search bar without using the hook useRouter()

• Link 1
• Link 2
• A long Video
• A succinct video!

gonzalez-aj

1. Create your models
   • This is how you define the data stored in the database and how that data is saved
2. Create your forms (using ModelForm: https://docs.djangoproject.com/en/4.2/topics/forms/modelforms)
3. Created view
   • This makes the data (aka: context) available to the html template
4. Create the template that interpolates the data from the view
   • This renders the form
5. Create a URL that serves the view to users
   • EXAMPLE:

drteresavasquez

1. Create your models
   • This is how you define the data stored in the database and how that data is saved
2. Create your forms (using ModelForm: https://docs.djangoproject.com/en/4.2/topics/forms/modelforms)
3. Created view
   • This makes the data (aka: context) available to the html template
4. Create the template that interpolates the data from the view
   • This renders the form
5. Create a URL that serves the view to users
   • EXAMPLE:

dianawallace

Feynman Writing Prompts - Write out explanations of the following concepts like you are explaining it to a 12 year old. Doing this will help you quickly discover any holes in your understanding. Ask your questions on Slack.

for loop

&& || !

Array

git

max-mapper

JavaScript function hoisting by example

Below are many examples of function hoisting behavior in JavaScript. Ones marked as works successfuly print 'hi!' without errors.

To play around with these examples (recommended) clone them with git and execute them with e.g. node a.js

Notes on hoisting

(I may be using incorrect terms below, please forgive me)