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
andchmod
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
andwhile
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