. Когда мы разбирали черновик этого доклада, мы столкнулись с двумя интересными моментами:
Список инструментов, которые Стас написал, не вошел на один слайд.
Стас нарисовал настолько подробную схему работы webpack, что стало понятно, как же вся эта магия работает.
Эти 2 момента — результат долгих копаний в самых дебрях исходников всеми используемой технологии, результатами которых нельзя не поделиться. После этого доклада становится понятно, как написать плагин к webpack.
Стас расскажет о внутреннем устройстве webpack на примере написания лоадера для работы с SVG-спрайтами. Он рассмотрит основные этапы его работы, покажет, когда нужен лоадер, когда — плагин, как можно наладить связь между ними и зачем она нужна. Также он объяснит, как работают популярные плагины — extract-text-webpack-plugin, html-webpack-plugin, react-styleguidist.
Приглашаем на FrontendConf 2020 live!
23-26 сентября и 1-2 октября 2020, онлайн по всему миру.
Подробности и билеты по ссылке: bitly.su/EwEI
— РИТ 2019
FrontendConf
The beast is alive! Have you optimized your JavaScript/CSS delivery for performance with HTTP/2 yet? How are you using service workers and server workers these days? What about critical CSS and Server Push? Are you compiling your code base into WebAssembly yet? How do you feel about ASCII-alike CSS Grid layout with polyfluid sizing and ch unit? Have you ever tried to work around nested CSS Custom Properties, untamed 3rd-party scripts, painful web font reflows, shady CSS Houdini tricks and multi-dimensional variable fonts? Well, let’s bring it on!
…
— Нашли ошибку в видео? Пишите нам на support@ontico.ru
. Глубокое погружение в мир микросервисов на TS с исключительно практической стороны, разбавленное огромным количеством опыта. Как? Куда? Зачем? Почему? Дмитрий подробно ответит на все эти вопросы с весьма качественными примерами из весьма интересного проекта.
Хайп прошел, а это значит, самое время погружаться в микросервисную архитектуру. Начнем с разговора об основных принципах технологии, рассматривая ее базовые принципы в свете ее преимуществ и недостатков. Поговорим, как должна выглядеть архитектура сервисов, какие проблемы бывают и как их решать.
В докладе обсудим:
какие архитектуры бывают;
базовые принципы в свете преимуществ и недостатков;
работу в команде;
контроль зависимостей;
коммуникацию между сервисами;
архитектуру сервиса;
когда мы выделяем новый микросервис;
сложности и важность CI/CD;
заблуждения.
Приглашаем на FrontendConf 2020 live!
23-26 сентября и 1-2 октября 2020, онлайн по всему миру.
Подробности и билеты по ссылке: bitly.su/EwEI
— РИТ 2019
Frontend Conf
Веб-перформанс важен и он напрямую влияет на приложения. Куча кейс-стадис показывает, что чем быстрее приложение, тем больше людей использует его — и тем больше денег оно приносит.
Так что давайте посмотрим, как делать быстрые приложения в 2019: какие метрики самые важные, какие подходы использовать, и какие инструменты помогают с этим всем.
…
— Нашли ошибку в видео? Пишите нам на support@ontico.ru
. Актуальны ли ещё угрозы XSS? Прошло около 20 лет с тех пор, как Cross Site Scripting (XSS) появился как вид атаки. С тех пор мы получили богатый опыт и знания, защита наших сайтов стала намного сложнее, а многочисленные фреймворки были призваны оберегать нас от ошибок. Но последние данные показывают совсем другую картину: в первых кварталах 2017 года количество сообщений об XSS-атаках и количество найденных уязвимостей выросло в несколько раз.
В докладе расскажем о том, почему ваши приложения в опасности, почему фреймворки не спасают, как находить уязвимости и какие инструменты для этого использовать.
Тайм коды:
1 1:24 План развития React разработчика уровень Junior
2 2:48 Junior, React и верстка
3 3:47 Когда не знаешь как отвечать на собеседовании
4 5:26 Как устроиться Junior когда требуют так много?
5 7:07 Стоит ли идти на JS Bootcamp?
6 7:56 Бывало ли, что программирование не мое?
7 9:00 Знаю C#, стоит ли начинать с TypeScript?
8 9:43 Про Promise
9 11:34 Webpack и create-react-app
10 12:18 Про NextJS
11 13:05 Про styled components
12 13:19 Как сейчас строится современное приложение?
13 13:38 Что выбираю React или Vue?
14 14:47 Что выбрать для доски объявлений с SEO?
15 15:08 Vue обращение к БД не Firebase
16 15:45 Как лучше изучать языки программирования?
17 16:19 Что лучше для React: ООП или ФП?
18 17:21 Будет ли видео по бекенд на NodeJS?
19 17:47 Грань Junior и Middle?
20 18:51 Советы для резюме
21 20:20 Как понять, что пора идти дальше?
21:06 Кокос
22 22:14 Стоит ли учить JS если уже 21?
23 23:40 Стоит ли проходить курс по React 40 часов?
24 25:01 С какими знаниями идти на собеседование Junior?
25 25:45 Мини Roadmap для начинающих Frontend Developer
26 27:09 Совет для начинающих Frontend
27 28:22 Как лучше проходить собеседование?
28 29:04 Еще про Roadmap
29 30:04 Передача props в React и Angular
30 30:38 Про Webpack
31 30:42 Как развивать абстрактное мышление?
32 32:00 Как научиться строить архитектуру ПО?
33 33:23 Книги по JS ES6 React
34 33:30 Ресурсы по RxJS
35 33:44 Работаю на AngularJS, что делать?
36 34:38 Как найти первую работу?
37 35:29 Тренды на 2020?
38 36:03 С нуля на удаленку. Реально?
39 37:13 Что не нужно указывать в резюме?
40 37:39 Life кодинг на собеседовании, на что обращают внимание?
41 38:37 Дома и сразу на Middle или вначале Junior в компании?
42 39:28 Баланс между саморазвитием и отдыхом?
43 40:36 Проект для портфолио
44 41:22 Про Flutter
45 41:47 Полезные JS библиотеки
46 42:32 Про группы уроков
47 43:36 Как лучше себя презентовать для вакансии?
48 45:27 Стоит ли учить другие фреймворки?
49 46:48 Хорошая теория, но туплю. Что делать?
50 47:53 Что делать с выгоранием?
51 49:25 Ждете с докладом по Angular?
52 50:02 Webassembly vs JS
53 52:35 Про митапы и конференции
54 52:59 Про практику в программировании
55 55:10 Практика, чтобы разобраться в React
56 55:30 Аутсорс vs продуктовая компании
57 56:11 React — лучшее решение?
58 57:00 Как выбирать работу?
59 57:40 Redux мертв?
60 58:50 Как я учился?
59:35 Подвожу итог
00:00 — Введение
02:29 — Что такое Guards?
04:07 — Что такое Modules и что в них входит?
05:19 — Отличие AngularJS и Angular
07:03 — Что такое компоненты и зачем их использовать?
08:25 — Обязательные параметры для @Component
09:03 — Отличие модуля от компонента
09:44 — Что такое сервисы и зачем они нужны?
11:27 — Разница между *ngIf и [ hidden ]
12:02 — Разница между @Component и @Directives
12:57 — Что делает данная строка? @HostBinding( [ Class.valid ] ) isValid: Boolean
14:23 — Разница между структурной и атрибут директивой
15:24 — Что такое Observables?
16:09 — Что такое Интерполяция
16:47 — Разница между Promise и Observable
19:23 — Разница между Constructor и ngOnInit
21:32 — Что такое Реактивное программирования в Angular?
22:40 — Зачем использовать Spy в тестах?
24:26 — Что такое TestBed?
25:33 — Что такое Protractor?
26:20 — Как реализовать Ресайзинг элемент?
28:04 — Что такое AOT?
30:34 — Что такое ActivatedRoute?
32:18 — Что такое Динамические компоненты?
32:55 — Какие функции несет в себе RxJS?
35:18 — Как передавать параметры в Pipe?
36:06 — Какие есть типы Binding?
38:20 — Что такое Life cycle hooks?
43:16 — Можно ли использовать jQuery?
44:30 — Что такое Interceptors?
46:25 — Что делает метод detectChanges в тестах?
47:32 — Почему нужно использовать Renderer 2?
49:24 — Зачем нужен zone.js?
50:41 — Что делает Just-In-Time Compiler?
51:56 — Какие есть стратегии загрузки модулей?
54:18 — Что такое Incremental DOM и отличие от Virtual DOM
55:34 — Зачем нужен процесс компиляций?
56:43 — Разница между Pure Pipe и Impure Pipe
58:14 — Разница между BehaviorSubject и Observable
59:56 — Как следить за изменением входящих свойств?
1:01:11 — Что такое Tree Shaking?
Angular 40 вопросов для собеседования. Подготовка к интервью
#angular #angularjs