Notes and snippets for Lambda UI review
UI I
Describe and use semantic HTML tags to markup content
Demonstrate the use of CSS selectors to style markup
Demonstrate CSS specificity and inheritance to create and update styles
UI II
Identify and use all properties in the box model
Use CSS display properties to build user interface
Implement a CSS reset and understand why it’s important for cross browser development
UI III
Describe and understand that flexbox is a module
Demonstrate understanding of flex container properties in flex box
Demonstrate understanding of flex item properties in flexbox
GIT for WebDev
Explain why we use the command line interface (CLI), and demonstrate use of basic CLI commands.
Sufficiently explain what version control and Git are, and why as software engineers we use them.
Demonstrate an ability to fork and clone a repo.
Understand branching, and be able to create a branch locally.
Explain and properly utilize the git commands: status, add, commit, and push
Submit a Pull Request.
Demonstrate their ability to use the Lambda School Git Workflow to submit an assignment to your Project Manager
RESPONSIVE DESIGN I
Describe the differences in fixed, fluid, adaptive, and responsive layouts.
Demonstrate knowledge of media queries by correctly implementing them in a project.
Build responsive layouts
RESPONSIVE DESIGN II
Describe why responsive design impacts accessibility
Describe and use responsive units to create a fully responsive website
Build a percent based layout
PREPROCECESSING I
Install Node, Yarn, LESS, and less-watch-compiler
Implement variables, mixins, nesting, nested at-rules in LESS.
PREPROCCESSING II
Create parametric mixins, use functions, and incorporate escaping
Create a master LESS file and use importing to create a project.
Javascript I
*Use function declarations, expressions, and arrow functions and describe their differences *Use let, const, var and demonstrate their differences. *Create and use object literals as well as describe object properties and methods *Create and use arrays as well as array properties and array methods
Javascript II - CLOSURE + Array Methods
Describe what closure is, how closure is created in a program and why it is important to understand closures in JavaScript
Use callback functions by passing a function to another function as a parameter
Use and describe cases for .map
Use and describe cases for.reduce
Use and describe cases for.filter
Javascript III - "THIS"
Explain the four principles of the 'this' keyword and demonstrate each explanation with an example of their uses Describe, and use prototypes, constructor functions, the new keyword, and pseudo-classical inheritance (to build a small object based video game)
Javascript IV
Describe and demonstrate how class syntax works Convert a pseudo classically instantiated program into class syntax
//APPLIED JAVASCRIPT
DOM I
Explain what the DOM is, and how it relates to an html page Use DOM selectors, and describe the differences in the behavior of each. Use different properties and methods to manipulate a selected element. Create a new element, manipulate it, and add it to the DOM
DOM II
Explain what events are in the browser window, and how event listeners can listen for those events. Add event listeners and event handlers to elements. Recognize event propagation and the method used to prevent it.
Components I
Describe what a component is and identify different parts of a component Build a class that creates multiple elements Use a component to update a styled HTML element on the DOM
Components II
Create custom data attributes with HTML and utilize them in CSS and JavaScript Utilize multiple Classes to build a component
//
DOH' DON'T FORGET!!!
-run lesswatch compiler -imports -box-sizing border box -css resets -width 100% -viewport metatags
SOFT SKILLS/ TIPS
VS Code hacks / extensions -new page template -oukra -emmet abbreviations -prettier -view live server -pixel perfect -window resizer