Skip to content

Latest commit

 

History

History
60 lines (46 loc) · 4.95 KB

app-design-performance.md

File metadata and controls

60 lines (46 loc) · 4.95 KB

MIT Licensed Awesome        Telegram

Website Performance Optimization (optional)

Примітка: це завдання є необов’язковим, оскільки, швидше за все, ви не будете використовувати знання, отримані з нього під час нашого курсу. Але ця інформація вам знадобиться, коли ви будете працювати розробником. Принаймні загальне розуміння понять. Тому робити це завдання чи ні - is up to you.

Прочитайте це:

  1. Front-End Performance Checklist 2021
  2. Website Performance Optimization
  3. Inside a super fast CSS engine: Quantum CSS (aka Stylo)
  4. Browser Rendering Optimization
  5. Responsive Images
  6. Основы производительности
  7. Lazy loading

Optional inside optional

Важливі аспекти роботи браузера для розробників

  1. Как работают браузеры
  2. An overview of the engine, the runtime, and the call stack
  3. Inside the V8 engine + 5 tips on how to write optimized code
  4. Memory management + how to handle 4 common memory leaks
  5. Event loop and the rise of Async programming + 5 ways to better coding with async/await

Якщо ви вирішите виконати завдання, то після завершення виконайте наступне:

  1. Зробіть скріншот своїх завершених уроків і помістіть його в папку task_website_performance вашого репо kottans-frontend
  2. В вашому kottans-frontend репо README.md:
    • додайте заголовок ## Website Performance Optimization
    • додати скріншот або додати посилання на скріншот
    • перерахуйте свої міркування щодо кожного пункту завдання (що для вас було новим, що вас здивувало, що ви плануєте використовувати в майбутньому)
  3. Чудова робота! Діліться своїми досягненнями з іншими – опублікувати повідомлення в course channel: Website Performance Optimization — #done (або Website Performance Optimization — #p2p_done якщо ви студент курсу p2p) і додайте посилання до свого репо. Цей крок важливий, оскільки він допомагає менторам відстежувати ваш прогрес!
  4. Для цього завдання вам знадобиться review коду:

Готово?

➡️ Ідіть далі Friends App — real project!

⤴️ Повернутися до Contents