JavaScript - Дебаг (Debug) на Примере. Chrome DevTools


Моя образовательная площадка: www.vladilen.dev/

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Мой Курс Стань JavaScript Senior: clc.to/senior

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Поддержать выпуск новых видео:
ЯД: money.yandex.ru/to/410013757655670
PayPal: www.paypal.me/vladilenm

Исходный код:
gist.github.com/vladilenm/570b9c76907f9442ceed1b6f6390380a

Как дебажить JavaScript — Отладка и Дебаг. Chrome DevTools

Сложный JavaScript простым языком
www.youtube.com/watch?v=aQkgUUmUJy4

UX дизайн и архитектура


На вебинаре мы поговорим о том, что такое UX дизайн, UX архитектура, как они связаны с веб-дизайном и почему без них сфера дизайна, как велосипед без колес, чем отличается хороший UX, от того, который заставляет быстрее искать кнопку выхода и забывать, как страшный сон, о существовании данного «продукта». Поговорим о видах, метриках и подходах к анализу дизайна, разберем, что такое «personas», «jbtd» и как UX дизайн связан с успехом бизнеса.

План вебинара:

1) UX дизайн — как колеса для велосипеда (о том что такое ux, зачем нужна грамотная архитектура проекта, почему без этого — весь дальнейший дизайн — это «бег на месте»)
2) Анализ потребностей или как не засорять мозг пользователю (о том что такое анализ будущего проекта, для чего он нужен, о подходах к реализации и минимизации сложных мыслей для пользователя)
3) Общение, вопросы и ответы.

00:00 Вступление. План вебинара
1:55 Курсы по UX/UI дизайну на ITVDN
2:28 Расшифровка UX/UI
7:10 О чем не стоит забывать при разработке UX
10:23 Ошибки UX
28:08 Китайские сайты
36:42 UX дизайн
37:20 Отличие UX/UI дизайнера от Web дизайнера
37:58 Фундамент UX дизайна и примеры
41:48 Persona
43:55 UX Анализ. Создание “Персоны”
1:09:16 JTBD подход
1:12:36 Свойства JTBD
1:42:42 Вопросы и ответы

Урок 1. Фреймворк Angular. Введение. Установка Angular


Продолжение курса «Фреймворк Angular» тут:
webformyself.com/category/premium/javascript-premium/framework-angular-premium/

Одностраничные сайты и приложения, или как их еще называют SPA – single page application, пользуются огромной популярностью в данное время, так они имеют ряд преимуществ по сравнению с классическими веб-проектами. Поэтому с текущего видео мы начинаем новый премиум курс по изучению Front-End фреймворка Angular, который пользуется огромнейшей популярностью во всем мире.

По итогам текущего урока Вы узнаете:
• что такое Angular и для чего он применяется;
• что такое Angular Cli;
• какие есть способы установки фреймворка;
• как установить фреймворк через консольную команду;
• как вручную установить Angular.

Публичное собеседование: Junior Python-программист


Публичное собеседование на позицию Python-программиста. Кандидат — Александр Кулаков ru.hexlet.io/u/kulakoff

«Опыт чуть более полугода, почти на нативном JS (самописный фреймворк в компании), фронтенд. Также проходил обучение по Python, сделал два учебных проекта. В основном пишу фронт, но хочу перейти в бэк, поэтому мне интересно всё, что связано с бэком. По мере сил стараюсь всё это изучать, собственно, поэтому начал изучать Питон».

Собеседующий — Алексей Пирогов, преподаватель Хекслет.

Публичное собеседование — это формат учебного собеседования в прямом эфире. Кандидат рассказывает о себе, а собеседующий задаёт наводящие вопросы с целью раскрыть навыки кандидата, его hard и soft скиллы, которые понадобятся при приёме на работу.

**Примеры других публичных собеседований:**

— Евгений Губа и Алексей Пирогов: youtu.be/PmhdRXq1QBE
— Василий Васильков и Тимур Маликин: youtu.be/boDeUHdsfAI
— Демид Каширин @demash: youtu.be/HM42MlWbhFI
— Антон Маркелов: youtu.be/C8SlKzeLAgQ
— Егор Бугаенко и Сагындык Мухамбетов: youtu.be/UUhB4rVlIoU

hexlet.io/

#hexlet #публичноесобеседование #карьера

ФинFak LIVE #3


общаемся и разбираем ваши вопросы в режиме live.

Телеграм-Канал ФинФак
t.me/finfak
Официальный Сайт Александра Кубышкина Enfilade Capital: www.enfilade-capital.com/

ПРИСОЕДИНЯЙТЕСЬ В СОЦ СЕТЯХ:
ВКонтакте: vk.com/id505378604
Instagram: www.instagram.com/lakubasju/
Twitter: twitter.com/@LaQbasju

Также рекомендую посмотреть:

ФинФак 3-й сезон — Инфляции НЕ будет и изменения в портфеле www.youtube.com/watch?v=ud8_naDg9_A

Павел Черторогов — Революция в микрофронтендах, module federation, Webpack 5


У вас тяжелый фронтенд и много разработчиков работает над ним? Сборка новой версии, время деплоя, прогона интеграционных тестов занимает много часов? Частенько возникают вопросы о том, по чьей вине что-то упало в рантайме?

В мире бэкенда давно уже воспользовались принципом «разделяй и властвуй», и распилили свои монолиты на микросервисы (SOA). Провели разделение ответственности, определили владельцев кода, инкапсулировали знания предметной области, сократили время обучения новых сотрудников, ускорили время тестирования и настроили независимые деплои.

Последние 5 лет в мире SPA об этом деле не раз задумывались большие компании. В интернете можно найти сотни статей и видео про реализацию микрофронтендов. Но достойного стандарта в индустрии так и не сформировалось. Кто-то пилит «дорогие» in-house решения, кто-то мучается с дублирующимися библиотеками и модальными окнами в zoid, кто-то костылит подгрузку ассетов в single-spa (CSS, fonts, images).

Но Павел нашел рыбу своей мечты — это module federation в Webpack 5. Оно позволяет заимпортировать любой внешний модуль/компонент с внешнего сервера, где задеплоено другое приложение, собранное Webpackом 5. Всё просто, прям как во времена jQuery — подтянули плагин с CDN, вставили на страницу и всё заработало.

Павел расскажет и покажет, как работает module federation в Webpack 5. Расскажет про то, как Zack Jackson и Tobias Koppers проделали титаническую работу, чтобы предложить достойный стандарт для микрофронтендов.

Алексей Симоненко — Как я перестал верить технологиям


. Алексей Симоненко — Как я перестал верить технологиям
JavaScript конференция HolyJS 2016 Piter
Санкт-Петербург, 05.06.2016

Постоянная смена технологий — почему её стоит избегать.

Максим Сальников — Сервис-воркеры: используем накопленный опыт и смотрим в будущее


. Service Worker API — это фундамент концепта прогрессивных веб-приложений, отвечающий за возможность работы оффлайн, оптимизацию сетевых запросов, push-уведомления и массу других полезных вещей. Формально определяемый как программируемый сетевой прокси, сервис-воркер дает нам возможность реализовать целый слой логики приложения и содержит массу нюансов в своем поведении, которые и будут представлены в рамках сессии.

Основываясь на накопленном сообществом опыте разработки и использования сервис-воркеров в реальных проектах, мы обсудим:

лучшие практики с примерами кода для всего жизненного цикла сервис-воркера, от регистрации до экстренного удаления;
возможные проблемы и особые случаи при работе с HTTP-запросами из сервис-воркера;
последние новости о поддержке отдельных частей спецификации разными браузерами;
рекомендуемые инструменты для автоматизации некоторых сетевых задач;
планируемые добавления в Service Worker API: новые интересные возможности.