Skip to content

Latest commit

 

History

History
69 lines (52 loc) · 4.33 KB

app-design-performance.md

File metadata and controls

69 lines (52 loc) · 4.33 KB

MIT Licensed Awesome        Telegram

Website Performance Optimization (optional)

Note: this task is optional because most likely, you will not use knowledge obtained from it during our course. But, you will need this information when you will work as a developer. At least a general understanding of the concept. That's why finishing this task is up to you.

Read this:

  1. Front-End Performance Checklist 2019
  2. Website Performance Optimization
  3. Inside a super fast CSS engine: Quantum CSS (aka Stylo)
  4. Browser Rendering Optimization
  5. Responsive Images
  6. Анимации на GPU: делаем это правильно
  7. Пример веб-производительности
  8. Асинхронный JavaScript против отложенного

Optional inside optional

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

  1. Важные аспекты работы браузера для разработчиков. Часть 1
  2. Важные аспекты работы браузера для разработчиков. Часть 2

How JavaScript works Translated version

  1. An overview of the engine, the runtime, and the call stack
  2. Inside the V8 engine + 5 tips on how to write optimized code
  3. Memory management + how to handle 4 common memory leaks
  4. Event loop and the rise of Async programming + 5 ways to better coding with async/await

If you decide to complete the task then do the following after you're done:

  1. Make screenshots of your progress in the Udacity courses you have completed and put the screenshots in task_website_performance folder in your kottans-frontend repo
  2. In your kottans-frontend repo README.md:
    • add header ## Website Performance Optimization
    • embed the screenshots or add links to the screenshots
    • list your reflections on the course (what was new to you, what surprised you, what you intend to use in future)
  3. You did an extra effort! Go ahead share your progress with others – post a message in the course channel: Website Performance Optimization — #done (or Website Performance Optimization — #p2p_done if you are p2p course student) and add the link to your repo. This step is important, as it helps mentors to track your progress!
  4. Study Extra Materials below to improve your skills. If you feel it affects your overall course performance consider reverting to those later e.g. when you have all mandatory tasks completed.

When you finish this task you can proceed to the next one.

Done?

➡️ Go forward to Friends App — real project!

⤴️ Back to Contents