joel-oe-lacey

Machine Collections - Joel, Ali, Phil

What went well?

• We passed! This project had some struggles both with the climate and just trying to contend with the cross-pol even with the extension.
• Managed to connect and sync up well as a group.
• Did great at staying on timelines & communicating effectively, held a stand-up each day. Good buy in from all team members.
• Came out with a good retrospective of how you would approach a similar code base, how you'd work with a cross-over team. In general helped enhance comfort levels with a similar workflow on a potential job.
• Got a chance at learning and exploration without going overboard.

What could be improved?

joel-oe-lacey

Machine Collections - Joel, Ali, Phil What went well?

• We passed! This project had some struggles both with the climate and just trying to contend with the cross-pol even with the extension.
• Managed to connect and sync up well as a group.
• Did great at staying on timelines & communicating effectively, held a stand-up each day. Good buy in from all team members.
• Came out with a good retrospective of how you would approach a similar code base, how you'd work with a cross-over team. In general helped enhance comfort levels with a similar workflow on a potential job.
• Got a chance at learning and exploration without going overboard.

What could be improved?

• Maybe some more cross-over learning.

joel-oe-lacey

Mod 4 Collective Cohort Norms

Embrace the suck

It's going to be a struggle, lean into it and keep it positive

Don’t be afraid to ask questions, there are no bad questions, check the ego.

Ask questions in combined channel or in befe

Take time for ourselves, ensure that we take poms & mental breaks.

Respect each others personal lives & schedules. Support each other in that balance.

joel-oe-lacey

FE Introduction For BE

• What is React?
  • How would you do things without it - grandiose Sarajevo
    • Have elements on page
    • Target those elements and add event listeners
    • Disadvantages is very bulky, and you might want to do things conditionally depending on the status of different page interactions
      • To do this in vanilla you end up with loads of handler functions
  • Enter react
    • React allows you to create components that help isolate responsibilities and functionality
• Does so by building a template to display similar to ERB

joel-oe-lacey

Rundown

• What is react
  • How would you do things without it - grandiose Sarajevo
    • Have elements on page
    • Target those elements and add event listeners
    • Disadvantages is very bulky, and you might want to do things conditionally depending on the status of different page interactions
      • To do this in vanilla you end up with loads of handler functions
  • Enter react
    • React allows you to create components that help isolate responsibilities and functionality
• Does so by building a template to display similar to ERB

joel-oe-lacey

Edited and formatted by ericwm76
Eric's gist https://gist.github.com/ericwm76/e1204fc03f14af4429add8225ff55f71

Creating a React App

1. In the terminal run: npx create-react-app NAME-OF-APP
2. Cd into the new directory: cd NAME-OF-APP
3. Run: npm install.
4. You can run npm start to see if the app was set up correctly.

joel-oe-lacey

#DTR: Define the Relationship

Guiding Questions to Define The Relationship:

• What are each of our learning goals for this project? What drives us in this project?
• What is your collaboration style? How do you feel about pair programming vs. divide-and-conquer approaches?
• How do you communicate best? How do you appreciate receiving communication from others?
• How would you describe your work style?
• What are each of our strengths? How can our strengths complement each other?
• What’s gone well or poorly in your previous projects?
• How will we set direction and make decisions as a team?

joel-oe-lacey

Runnerspace Instructions

1. Visit runnerspace.com
2. Scroll through the homepage with your partner, discuss the layout and design. Do you think its set up in a logical way? Why would someone use this website? Some logical structure, but there's too much going on, too busy. For an unfamiliar user it's a lot. Lots of jumping content, weird hover states that are persistent. Duplication, maybe?
3. Complete the follow tasks below. As you go the list, make sure to discuss the steps you took and if things were where you expected them to be on the site.

• As a guest user, add a comment to any article. It says you can add a comment in the text box, but clicking into it makes you create an account. The comment section is below article.
• Find and watch a video associated with any team in Colorado on the runnerspace website. So much popping up and moving around.

joel-oe-lacey

Leaderboard class? 

Game
  players (instanciation of player class)
  rounds (instaciation of Round for each round up to 4, handles bonus round)
  puzzles (group of puzzle instanciations) 

Puzzle
  category 
  displayLetters (method to call on each guess to show letters

joel-oe-lacey

How do you get the text from an element (like a paragraph) with jQuery??

If you just retrieve .text() on a selected element will grab selected text for you The .text() method cannot be used on input elements. For input field text, use the .val() method.

How do you set the text of an element (like a paragraph)?

You can also use .text to replace text, by passing the desired text in as an an argument

How do you get the text / content from an input?

.val() without arguments