Презентация подготовлена по материалам выступления Андрея Астащенко на витебском MiniQ#12, который был проведен 27 сентября 2018: https://vk.com/miniq12; https://events.epam.com/events/miniq-vitebsk-12. Чтобы стать модным front-меном, знать HTML, CSS, JavaScript, Bootstrap, JQuery, к сожалению, недостаточно... В отличие от суровых back-end разработчиков, к которым я отношу и себя, эти ребята экспериментируют намного больше, быстрее, а структуры проектов становятся всё сложнее для быстрого понимания. Значит, чтобы стать частью их команды, нужно изучить, как там все это устроено. Вы будете семи пядей во лбу, если сможете сразу овладеть технологиями, на которых основаноприложение, я вам в этом завидую! Ну а остальным я бы предложил разобраться в основах вместе, разделив всё на отдельные части.

1. Разделяй и
властвуй
Andrei Astaschenko
Software Engineer

2. Предыстория

3. Начало

4. Конец

5. Tool categories
• Package Manager (npm, bower, yarn)
• Project builder (webpack, gulp)
• JS extensions (ES5/ES6, TypeScript, CoffeeScript)
• Test tools and libraries (karma, jest, mocha)
• JS frameworks (React, Angular, AngularJS)

6. Package manager
P A C K A G E. J S ONF I L E S T R U C T U R E
6

7. Package manager

8. Project builder
• Обработкаjs, css, image, font
• Конкатенация файлов
• Валидация
• Минимизация кода
ЗА ДАЧИ

9. Project builder
WEBPA CK. CONF IG. JSF I LE STRU CTU RE

10. Project builder

11. JS extensions
• ES5/ES6
• TypeScript
• CoffeeScript

12. JS extensions

13. Test tools and libraries

14. Test tools and libraries

15. JS frameworks

16. Заключение

17. Вопросы?

18. Спасибо за внимание