Внутреннее Устройство Браузера для JavaScript и Веб-Разработчиков

Браузер - это сложная программа, которая использует различные парсеры, такие как HTML, CSS, механизм рендеринга, менеджер событий и компилятор JavaScript, чтобы выполнить свою работу. Чтобы сделать эти сложные концепции простыми и интересными, я использую много анимации и графики. Далее я рассмотрю 7 вариантов использования с реальным кодом, чтобы показать, как все это работает!

Если вы понимаете, как все это работает,тогда вы сможете думать как компилятор JavaScript или любой из этих парсеров, и вы сможете очень легко обрабатывать сложные и запутанные концепции в JS.  Кроме того, это даст вам прочную основу и более целостный подход к изучению технологий.

Будут затронуты следующие темы:

1. Моделирование, парсеры DOM и HTML;
2. CSS, CSS Parser и CSSOM;
3. Механизм рендеринга, рисование и дерево рендеринга;
4. DOM API и объект "document";
5. Спецификации API и объект "window";
6. Два примера использования;
7. Компилятор JavaScript и JavaScript;
8. Пример использования JS-компилятора;
9. Добавление интерактивности в браузер через JavaScript;
10. События;
11. Пример сценария использования нажатия кнопки, показывающий события JS;
12. Пример варианта использования изменения размера браузера, показывающий события JS;
13. Зависимости между парсерами и лучшими практиками;
14. Синхронные и асинхронные функции;
15. Итоги.