Skip to content

Instantly share code, notes, and snippets.

@nrl240

nrl240/day5-exit-ticket.md

Last active March 9, 2020 22:19
Show Gist options
  • Save nrl240/7598b6620d188fb19d458d207983d246 to your computer and use it in GitHub Desktop.
Save nrl240/7598b6620d188fb19d458d207983d246 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
day5-exit-ticket.md

Exit Ticket: Day 5 - Rounding out the week

In your own words please explain what "Git" and "Github" is.

  • Git is distributed version-control system (DVCS) and command-line tool that makes it easier to track changes to files during software development. It's useful for coordinating work among multiple engineers on a project.
    • EXTRA: For example, when a file is updated, we can use git to determine exactly what changed by running git diff, who changed it by running git blame, and why it was changed by running git log, which shows the complete commit history (commit hashes, author, date, commit message).
  • GitHub is a website and cloud-based service that allows developers to store their code. While the GitHub interface includes a lot of git command-line functionality (e.g. creating and merging branches), it also has proprietary functionality to make developers' and product managers' lives even easier (e.g. forking repos, making pull requests, creating "issues," etc.).
  • Without GitHub, using Git generally requires a bit more technical savvy and use of the command line.

In your own words please explain the purpose of using Flexbox.

  • Flexbox provides a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (hence "flex").

In your own words please explain what an Event Listener is and its relationship to event propagation.

  • An event listener is a Web API that represents an object that can handle an event dispatched by a target object. In other words, a listener watches for an event to be fired. Event propagation is the "bubbling" effect that relates to the order in which event handlers are called when one element is nested inside a second element, and both elements have registered a listener for the same event (e.g. a click).
    • Side notes:
      • Event handlers are sometimes called event listeners — they are pretty much interchangeable for our purposes, although strictly speaking, they work together.
      • Web events are not part of the core JavaScript language — they are defined as part of the APIs built into the browser.
    • MDN documentation:

Which topics do you feel most comfortable about? / Which topics do you feel you could use some extra help on?

Linking a number of resources below each topic, many of which I read through (documentation) and did (online tutorials/courses) as I was getting started and still reference today to refresh (e.g. especially CSS and flexbox-related docs).

Any other questions?

  • How important is mastery of html & css? What if I really prefer writing code? Is there a future for me?
    • There's absolutely a future for you. For example, as a backend engineer, I didn't touch any HTML or CSS in my role. However, as a fullstack engineer, having a good foundation of HTML and CSS is important. Mastery comes with time and experience!
  • When using flexbox. Do you always have to use display:flex to set your parent container?
    • Yes, in order to use Flexbox, you need an element that will be the flex container. As you mentioned, in your CSS, you declare display: flex on the container.
  • Please review linking HTML/CSS/JS and other web pages/sources
    • I highly recommend going through MDN: Getting started with the Web, as this is a heavy lift to cover here. There are tracks for HTML, CSS, JavaScript, etc. on the left navigation bar in the aforementioned link that are well worth reading through.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment