This gist contains a short assignment I'd like everyone to complete before our formal lesson. The prework involves reading some of the React Router documentation, and will allow us to keep the lesson more hands on.
| What components do you envision needing? | |
| - the App component, movie holder which holds morive cards and detailedMovieCare | |
| - main page: movie component to store all movies, functional Card component to display each movie | |
| - functional component DetailedMovie to display detailed movie info | |
| Where will data be stored? | |
| - store all movie data in apps and pass down movie array to display to movies component | |
| How will information be passed around? | |
| - pass down as props speciifc movie data (poster image) to movie class component and to the movie card. |
| What is a "data model", and how does it relate to the DOM in a front-end application? | |
| - the data model holds the state of the application, which is basically all the up to date information for your application. It's the most accurate information that should be displayed on the DOM. The DOM is the visual representation of the code. The DOM should be a respresentation of what's in the data model. In vanilla JS it's easier for these things to get out of sync, which is something react helps tackle by allowing is to update components (smaller parts of the application) based on what's currently in the data model. | |
| What is a "framework?" And how does it differ from a "library?" | |
| - A Library has less rules associated with it. You are able to call the funcions anywhere in your code. A Framework has more rules and is actually calling the code for you instead of you calling it directly. For exampe, React is a framework and there are specifric rules and ways you need to use React. It also does a lot of work under the h |
| DTR: Define the Relationship | |
| Project:RomCom | |
| Group Member Names: Annie and Paige | |
| Goals and Expectations for the Project (What does each group member hope to get out of this project? What do we want to achieve as a team? How will we know that we're successful?): | |
| We would like to get to 3's on everything and are aiming for a 4 on professionalism. | |
| Annie: I would like to have more confidence with JS |
| Example file |
What role does empathy play in your life and how has it helped you?
I read the Surprising non-technical skills article and the three skills they highlihgted have played a very important part in my life, both professionally and in my personal life. I used to struggle with giving feedback, as a I think a lot of people do. I've been faced with some tough situations and personalities professionally where by practiced skill of giving feedback has been an asset. I sought the advice of mentors and took a course on giving feedback and and I've seen the changes in my abilities over the years. I consider myself to be very self aware and it's been both an asset and a hinderance in my work life. I'm great at underestanding my own motivations, strengths, shortcomings, and feelings. Where it's been an issue is being patient and forgiving with myself. While I may undertsand my shortcomings and feelings I'm still working on accepting them and working with them.
How does empathy help you build better software?
Empathy is a