README.ua.md

Читати іншою мовою: Англійська/English

Веб-додаток - "Kids Likes"

• Подивись на Макет (Figma)
• Подивись на Веб-додаток (netlify)

Технології - React, JavaScript, HTML/SCSS (redux-toolkit, redux-persist, react-router, axios)

(react-responsive, react-sweet-progress, classnames, react-toastify, react-loader-spinner)

Завдяки цій роботі ми навчилися

• React

virtual DOM, jsx, components/pure-components, propTypes, react-bootstrap
inline styles, css modules, state, events, forms, lifecycle, http-requests
hooks(useState, useEffect, usContext, useRef, useMemo, useCallback, useReducer)
routing, navigation history, redux, actions, reducer, dispatch , selectors, useSelector
redux-toolkit, configureStore, createAction, createReducer, createSlice, CSSTransition
createAsyncThunk, createApi, JSON Web Token, authorization, createPortal, public/private route

• JavaScript

variables, types, branching, arrays, function, object,
spread/rest, destructuring, callbacks, arrays methods, pure functions
method chaining, context(this), function methods, prototypes, classes
OOP, DOM, events, event delegation, throttle/debounce, lazy loading
few node.js, npm, code modularity, webpack/parcel
json, web storage, asynchrony, date and time
promises, HTTP/s, rest API, AJAX, pagination
CRUD, async/await, fetch, axios, handlerbars

• HTML (tags, attributes, semantics, clean structure, code style)
  
  
• CSS
  

selector specificity, pseudo-class, css variables, pseudo-elements,
font properties, box model, element geometry, element types,
image types, gradient, shadow, raster/vector graphics, svg sprites
positioned elements, animations, transitions, forms, link js

• BEM
  
• SASS
  
• adaptive and responsive layout (markup, graphics)
  
  
• Інші навички
  

• Комунікація
  
• Презентації
  
• Командна робота
  
• SMART
  
• Trello
  
• Postman
  

---

Наші контакти