BrandyMello

Session 2 Practice Tasks

The assignments listed here should take you approximately 2 hours.

To start this assignment, click the button in the upper right-hand corner that says Fork. This is now your copy of the document. Click the Edit button when you're ready to start adding your answers. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

1. Documentation and Googling (75 min)

Documentation of a langauge, framework, or tool is the information that describes its functionality. For this part of the practice tasks, you're going to practice digging into documentation and other reference material.

BrandyMello

Session 3 Readings and Responses

The readings and responses listed here should take you approximately 20 minutes total.

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of this document.

2. Click the Edit button when you're ready to start adding your answers.

BrandyMello

Session 3 Practice Tasks

The assignments listed here should take you approximately 25 total minutes.

To start this assignment, click the button in the upper right-hand corner that says Fork. This is now your copy of the document. Click the Edit button when you're ready to start adding your answers. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

1. Creating Files and Directories (10 min)

You can reference the files/directories portion of the lesson here.

BrandyMello

Session 4 Readings and Responses

The readings and responses listed here should take you approximately 50 minutes total.

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of this document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

BrandyMello

Session 4 Practice Tasks

The assignments listed here should take you between 1.5 and 2 total hours.

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

BrandyMello

Git

---

Git is a version control system.

• It is a way of tracking changes made in a diretory to files and their contents

• Each time you commit a change, Git takes a snapshot of that version of your work to referrence later

• Git can also push those changes to GitHub (a collaboration platform) or open your work in a text editor.

BrandyMello

PreWork Day 1

HTML and CSS: Design and Build Websites

Chapter 1 Structure and Chapter 2 Text

1. On a website, what is the purpose of HTML code?
   HTML is Hyper Text Markup Language that creates links to move easily from one page to another. It is the structure that communicates how content is is displayed on each webpage according to categories and subcategories of formatting it references.

2. What is the difference between an element and a tag?
   Elements are used to define the structure of the webpage. They are characters that are between < > and </ > brackets. The first is the opening tag and the second the closing tag. The tags are markup that bookmark content stipulating (communicating) how the content is formatted on the page. The tags and the content between make up the element (Some elements only have an opening tag).

BrandyMello

Gear Up

Reflect

After reading the articles above, create a gist on Github and reflect (4-6 sentences) on the following prompts.

• What role does empathy play in your life and how has it helped you?
  I have always tried to be an empathetic person. Over the past few years I have realized how listening can help me become more empathetic. My New Year's resolution this year was to intentionally try radical listening. It is very difficult.

• How does empathy help you build better software?
  Empathy helps designers see beyond preconceived notions to users' real problems. It opens the door to an opportunity to make a product much better – to really serve the people for whom it is made. When a designer puts themself in the shoes of the person they are helping and ask what the users need from the product, a more effective product is created. The users actually benefit from the product. It changes lives. I believe that is success in anyone's book.

• Why is empathy important for working on a team?

BrandyMello

PD PreWork Day 3

Activity 1

29 Behaviors That Will Make You an Unstoppable Programmer .

• Acknowledge that Micro-decisions Matter It is true that this is a difficult part of learning to code, learning to name things appropriately and in advance so you don't have to go back into the HTML when you are styling in CSS.
• There were a couple I'd like to clump together. Learn Vim and Never Accept Freelance Work in Unfamiliar Technologies I liked the advice on upgrading tools as you progress, but keeping that outside freelance work. They resonated with me because of my experience in videography, but were not something I had intentionally thought about previously.
• Skip A Lot of Meetings resonated with me because it felt like a solid rule I could apply to maintain some balance in my work.

Activity 2

Checklist Manifesto by Atul Gawande

BrandyMello

Number Guesser Doubles

Learning Goals

Develop your skills in writing:

• semantic HTML
• clean & organized CSS styles
• DRY and organized JavaScript
• Manipulate the page after it has loaded adding, removing, and updating elements on the DOM
• Understand event bubbling and use event delegation on dynamic elements

Overview: