week-1-objectives.md

Week 1 Learning Objectives

Developers will be able to...

###Command Line

• Navigate the file system from the command line.
• Create, move, copy, and delete files or directories from the command line.
• Research unfamiliar bash commands and options with --help, man, and/or online resources.
• Describe the uses of the sudo and chmod commands.

###HTML & CSS Review

• Recognize common HTML tags and attributes.
• Describe the structure of an HTML document.
• Apply CSS styles to HTML elements based on tag, class, or id.
• Distinguish among block, inline, and inline-block elements.
• Draw the CSS box model.

###GitHub Workflow

• Explain the uses of Git and GitHub for tracking changes and collaborating on projects.
• Draw a model of local, remote, and working copies of their repositories.
• Write some code to improve their work, commit the changes, and write a strong commit message.
• Deploy their first live website using gh-pages.

###JavaScript Data Types

• Identify JavaScript data types.
• Declare variables in the Chrome developer tools console.
• Get and set the values of variables.
• Use built-in methods to manipulate strings and arrays.

###JavaScript Control Flow

• Predict the output of boolean expressions, including "truthy" and "falsey" values.
• Write syntactically correct conditional statements.
• Compare & contrast for and while loops.

###JavaScript Functions

• Identify the differences between defining a function and calling (invoking) a function (casting the spell).
• Create a simple function that prints a value (for the user/developer to see a result) and a simple function that returns a value (for the rest of the code to use a result). Distinguish between the impact of these different results.
• Draw a model of a function that includes arguments as input, side effects, and return values as output.
• Explain the scope of a function.

###Chrome Dev Tools and Debugging

• Use the console tab to gather diagnostic information about code (read various error messages and logs of their own creation).
• Use the console tab to interact with the JavaScript on the page.
• Use the elements tab to view an manipulate the DOM and styling.
• View sites in mobile mode with the device mode.

###DOM Manipulation

• Describe and draw the document object model (DOM) of a simple HTML document.
• Use the elements tab to view and manipulate the DOM and styling.
• Explain the relationship between JavaScript and jQuery and the benefits of using jQuery for DOM manipulation.
• Select elements from the page using CSS selectors and use jQuery to dynamically change the DOM.

###DOM Events

• Explain what DOM events are and how they are triggered.
• Attach event listeners to DOM elements.
• Target the source of an event.
• Respond to events with a callback.
• Explain event propagation.

###Bootstrap

• Implement class-based CSS.
• Use a CDN to import Bootstrap into projects.
• Effectively use a grid system to space elements across the page.
• Improve the design of HTML pages with the aid of Bootstrap & mockups