Andrii Halich
Front-end Basics
- HTML basics
- HTML basics
- Introduction to the Internet
- Front-end basics. HTML / CSS / JS overview
- Introduction to HTML
- Encoding HTML pages
- The DOCTYPE tag
- The title tag
- Tags in HTML
- HTML5 semantic tags
- CSS basics
- CSS syntax
- Basic CSS rules
- CSS selectors
- Priority in CSS
- CSS Specificity
- Class naming rules
- Units in CSS
- Block model, indents
- css
- GIT Basics
- Pseudo-classes
- Pseudo-elements
- Position property
- Flexbox
- Flexbox container properties
- Flexbox elements properties
- CSS Grid
- CSS Animation
- Transformation in CSS
- CSS preprocessors. SASS, SCSS
- Adaptive design
- Mobile first approach
Javascript basics
Javascript fundamentals
- Javascript standards
- Data types and variables
- Operators in Javascript
- Conditional operators
- Working with console
- Prompt
- Cycles, functions, arrow functions
- Numbers
- Rows
- Regular expressions
- Objects
- Arrays
- Working with date and time
Working with HTML
- Document Object Model (DOM)
- Searching for items in the DOM tree
- Working with the content of the element
- Manipulation of DOM-elements and their attributes
- Dimensions and scrolling
- Events
- Bubbling and capturing
- Canceling default browser events
- Event delegation
Advanced Javascript
Working with advanced functions
- Residual parameters and the spread operator
- Global object
- Constructor functions
- Closures
- The context of this in functions
- Decorators and call forwarding, call / apply
- Binding context to function, bind
- Lexical environment in arrow functions
- Scheduling: setTimeout and setInterval
- localStorage
OOP in Javascript
- Prototype inheritance
- Working with ES6 classes
- Error handling
- Javascript code testing
Asynchronous JS
- Callback
- Promise
- JSON format
- AJAX requests
- Promises chaining
- POST, PUT, DELETE requests
- Request headers
- CORS basics
- Axios
- Working with cookies
- Promise API
- Error handling for network requests
- Async / await
- Event loop
- ES6 modules
React.js + Redux
- js basics
- Basic React concepts
- Create-react-app
- JSX markup, rendering elements
- Conditional rendering
- Basic component stylization
- Components, types of components
- Component status
- Event handling and interaction with the component
- Lists and keys
- Props, PropTypes
- defaultProps
- Component life cycle
- ErrorBoundary
- Refs
- Basic hooks
- SPA, routing
Redux
- Flux architecture
- Connecting Redux to the project
- Sample data from the state (mapStateToProps)
- Interaction of components with the store (mapDispatchToProps)
- Actions, reducers, dispatch. Redux-devtools
- Using hooks in Redux
- combineReducers
- Redux-ducks
- Middleware and side effects in the store
- Memosed selectors
Advanced React.js
- Working with forms
- React component testing
- Advanced hooks
- Productivity optimization
- Working with the server
- Context API
- Advanced styling methods
- Patterns, application architecture
