192. Firefox 69, перфоманс, File API, якоря, чат Chatix и трансляция…
Веб-стандарты
00:03:56 События
00:10:04 Новинки Firefox 69
00:15:02 Советы WebKit по перфомансу
00:24:04 File API и чего не хватает
00:31:39 Якорь к контенту
00:39:01 Что такое Chatix
00:56:45 Трансляция экрана
01:18:34 Будущее проекта
00:10:04 Новинки Firefox 69
00:15:02 Советы WebKit по перфомансу
00:24:04 File API и чего не хватает
00:31:39 Якорь к контенту
00:39:01 Что такое Chatix
00:56:45 Трансляция экрана
01:18:34 Будущее проекта
В Минске с 18 по 21 сентября пройдёт фронтенд-конференция CSS-Minsk-JS, на которой выступят спикеры из разных стран.
https://css-minsk-js.by/
От нас поедет Серёжа Попов с докладом о состоянии CSS в 2019 году. Его выступление запланировано на 20 сентября.
Если тоже там будете — подходите познакомиться!
https://css-minsk-js.by/
От нас поедет Серёжа Попов с докладом о состоянии CSS в 2019 году. Его выступление запланировано на 20 сентября.
Если тоже там будете — подходите познакомиться!
Ещё не остыла новость о релизе первой главы курса «Основы PHP», как мы выпустили вторую — «Условия» 🔥 Доступна по подписке.
В этой главе мы рассказываем, как работают условия в PHP. Вы научитесь изучать синтаксис, внедрять условия в разметку, познакомитесь с булевыми значениями и логическими операторами.
На всём пути вас будет поддерживать старший разработчик — слонёнок Думпо 🐘
Курс экспериментальный, в нём используются новейшие технологии, поэтому он может быть требовательным к ресурсам компьютера.
В этой главе мы рассказываем, как работают условия в PHP. Вы научитесь изучать синтаксис, внедрять условия в разметку, познакомитесь с булевыми значениями и логическими операторами.
На всём пути вас будет поддерживать старший разработчик — слонёнок Думпо 🐘
Курс экспериментальный, в нём используются новейшие технологии, поэтому он может быть требовательным к ресурсам компьютера.
Расписание ближайших интенсивов
«JavaScript, уровень 1»
Когда: 10 сентября — 14 ноября 2019
А потом: 17 января — 23 марта 2020
Курс подойдёт для желающих научиться программировать на JavaScript. Для его прохождения достаточно завершить интерактивные курсы по основам HTML, CSS и JavaScript. После каждой лекции вы будете выполнять задания над одним из двух личных проектов на выбор: «Кекстаграм» и «Кексобукинг». В программе: сложные типы данных, работа с DOM-элементами и многое другое.
«JavaScript, уровень 3»
Когда: 14 октября — 16 декабря 2019
Этот курс является логическим продолжением обучения фронтенд-разработичков в Академии и подойдёт выпускникам «JavaScript, уровень 2», а также разработчикам, желающим освоить React. Во время обучения вы разберётесь с библиотекой React и познакомимся с пакетами, которые часто применяются при разработке React-приложений.
«PHP, уровень 1»
Когда: 22 октября — 24 декабря 2019
Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов. В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами. Для подготовки к защите можно выбрать один из трёх личных проектов: «Дела в порядке», «YetiCave» и «Readme», доступный на комфортном тарифе.
«HTML и CSS, уровень 2»
Когда: 4 ноября 2019— 14 января 2020
Подойдёт для выпускников «HTML и CSS, уровень 1» или для верстальщиков, желающих поднять свои навыки. В процессе интенсива вы создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации.
«JavaScript, уровень 2»
Когда: 18 ноября 2019 — 22 января 2020
Рассчитан на выпускников «JavaScript, уровень 1» или для разработчиков, желающих поднять свои навыки. Основной упор в этом интенсиве сделан на изучении ООП и понимании принципов проектирования приложений MVC. Чтобы успешно пройти курс вам понадобится 15−20 часов в неделю или 2,5−3 часа в день.
«HTML и СSS, уровень 1»
Когда: 20 января — 22 марта 2020
Курс рассчитан на новичков. Для его прохождения достаточно завершить интерактивные курсы по основам HTML и CSS. Во время обучения вы будете работать как настоящие верстальщики: создадите выразительную и доступную разметку, поработаете с графическим макетом, построите сетки страниц, оформите декоративные элементы и текстовое содержание, оптимизируете код и подготовите завершённый проект к публикации. На каждом этапе вашу работу будет проверять и комментировать личный наставник.
«JavaScript, уровень 1»
Когда: 10 сентября — 14 ноября 2019
А потом: 17 января — 23 марта 2020
Курс подойдёт для желающих научиться программировать на JavaScript. Для его прохождения достаточно завершить интерактивные курсы по основам HTML, CSS и JavaScript. После каждой лекции вы будете выполнять задания над одним из двух личных проектов на выбор: «Кекстаграм» и «Кексобукинг». В программе: сложные типы данных, работа с DOM-элементами и многое другое.
«JavaScript, уровень 3»
Когда: 14 октября — 16 декабря 2019
Этот курс является логическим продолжением обучения фронтенд-разработичков в Академии и подойдёт выпускникам «JavaScript, уровень 2», а также разработчикам, желающим освоить React. Во время обучения вы разберётесь с библиотекой React и познакомимся с пакетами, которые часто применяются при разработке React-приложений.
«PHP, уровень 1»
Когда: 22 октября — 24 декабря 2019
Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов. В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами. Для подготовки к защите можно выбрать один из трёх личных проектов: «Дела в порядке», «YetiCave» и «Readme», доступный на комфортном тарифе.
«HTML и CSS, уровень 2»
Когда: 4 ноября 2019— 14 января 2020
Подойдёт для выпускников «HTML и CSS, уровень 1» или для верстальщиков, желающих поднять свои навыки. В процессе интенсива вы создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации.
«JavaScript, уровень 2»
Когда: 18 ноября 2019 — 22 января 2020
Рассчитан на выпускников «JavaScript, уровень 1» или для разработчиков, желающих поднять свои навыки. Основной упор в этом интенсиве сделан на изучении ООП и понимании принципов проектирования приложений MVC. Чтобы успешно пройти курс вам понадобится 15−20 часов в неделю или 2,5−3 часа в день.
«HTML и СSS, уровень 1»
Когда: 20 января — 22 марта 2020
Курс рассчитан на новичков. Для его прохождения достаточно завершить интерактивные курсы по основам HTML и CSS. Во время обучения вы будете работать как настоящие верстальщики: создадите выразительную и доступную разметку, поработаете с графическим макетом, построите сетки страниц, оформите декоративные элементы и текстовое содержание, оптимизируете код и подготовите завершённый проект к публикации. На каждом этапе вашу работу будет проверять и комментировать личный наставник.
Открыта запись на профессию «React-разработчик», которая пройдёт с 20 января по 2 декабря 2020 года. Доступна оплата в рассрочку.
Программа состоит из пяти курсов на комфортном тарифе и длится одиннадцать месяцев:
— «HTML и CSS, уровень 1»
— «HTML и CSS, уровень 2»
— «JavaScript, уровень 1»
— «JavaScript, уровень 2»
— «JavaScript, уровень 3»
Вас ждёт непрерывное обучение, 45 часов голосовых консультаций с наставником, тонны ревью кода и как минимум пять проектов в портфолио.
После прохождения профессии вы станете сильным специалистом, который понимает, что он делает, и знает, как использовать инструменты правильно.
Успешные выпускники смогут пройти стажировку в «Лиге А.» и получить опыт работы с реальными заказами.
Программа состоит из пяти курсов на комфортном тарифе и длится одиннадцать месяцев:
— «HTML и CSS, уровень 1»
— «HTML и CSS, уровень 2»
— «JavaScript, уровень 1»
— «JavaScript, уровень 2»
— «JavaScript, уровень 3»
Вас ждёт непрерывное обучение, 45 часов голосовых консультаций с наставником, тонны ревью кода и как минимум пять проектов в портфолио.
После прохождения профессии вы станете сильным специалистом, который понимает, что он делает, и знает, как использовать инструменты правильно.
Успешные выпускники смогут пройти стажировку в «Лиге А.» и получить опыт работы с реальными заказами.
Всё, что нужно знать о выравнивании во Flexbox.
https://www.smashingmagazine.com/2018/08/flexbox-alignment/
https://www.smashingmagazine.com/2018/08/flexbox-alignment/
Мы долго думали, как новичкам в веб-разработке оттачивать свои навыки и пополнять портфолио, пока они находятся в поиске работы.
Так родился он — «Акселератор» 🔥
Это совместный проект HTML Academy и «Лиги А.», который помогает получить практический опыт веб-разработки и сравнить навыки с рыночными показателями.
Как он работает: вы выбираете проект, подходящего вам уровня, и выполняете его вместе с менеджером, тестировщиком и наставником. Если вы не можете оценить уровень ваших навыков — мы подберём вам макет.
Акселератор помогает показать и подтянуть имеющиеся знания, научиться работать в команде и приобрести опыт вёрстки проектов коммерческого уровня. А также получить оценку своей работы: в конце мы сравним ваши показатели с эталонными и расскажем, что можно улучшить.
Так родился он — «Акселератор» 🔥
Это совместный проект HTML Academy и «Лиги А.», который помогает получить практический опыт веб-разработки и сравнить навыки с рыночными показателями.
Как он работает: вы выбираете проект, подходящего вам уровня, и выполняете его вместе с менеджером, тестировщиком и наставником. Если вы не можете оценить уровень ваших навыков — мы подберём вам макет.
Акселератор помогает показать и подтянуть имеющиеся знания, научиться работать в команде и приобрести опыт вёрстки проектов коммерческого уровня. А также получить оценку своей работы: в конце мы сравним ваши показатели с эталонными и расскажем, что можно улучшить.
Не забудьте сегодня проверить вашу почту. Потому что полезная рассылка 💌
Если вы не знаете, раз в месяц мы отправляем письмо с новостями Академии, полезными ссылками и макетами для тренировки навыков вёрстки.
Подписывайтесь — https://tml.io/oe3vg
А ещё можно почитать прошлый выпуск — https://tml.io/arajx
Если вы не знаете, раз в месяц мы отправляем письмо с новостями Академии, полезными ссылками и макетами для тренировки навыков вёрстки.
Подписывайтесь — https://tml.io/oe3vg
А ещё можно почитать прошлый выпуск — https://tml.io/arajx
Figma — это графический онлайн-редактор для дизайнеров интерфейсов и веб-разработчиков. Сейчас это удобная, бесплатная альтернатива Photoshop.
Если вы не знаете, как начать в нём работать — у нас есть инструкция.
Если вы не знаете, как начать в нём работать — у нас есть инструкция.
HTML Academy
Старт в Figma для верстальщика
Рассказываем, что такое Figma и как начать работу с макетом в этом графическом онлайн-редакторе.
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №193: Новинки Chrome 77, Can I use + MDN, Can I email, митап по доступности. В гостях Света Шарипова и Татьяна Фокина. Ссылки на Медиуме https://medium.com/p/8987dc52cb1 или на Ютубе https://youtu.be/YxEmRdjTf8E
193. Chrome 77, Can I use + MDN, Can I email, митап по доступности
Веб-стандарты
00:01:17 Мета
00:04:09 События
00:10:08 Новинки Chrome 77
00:15:56 Can I use + MDN
00:24:48 Can I email?..
00:30:28 Митап по доступности
00:04:09 События
00:10:08 Новинки Chrome 77
00:15:56 Can I use + MDN
00:24:48 Can I email?..
00:30:28 Митап по доступности
Большая статья о том, как работает JavaScript.
https://medium.com/better-programming/how-javascript-works-1706b9b66c4d
https://medium.com/better-programming/how-javascript-works-1706b9b66c4d
Доступна запись на профессиональный курс «PHP, уровень 1», который пройдёт с 22 октября по 24 декабря.
Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов. В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами.
Учеников ждут лекции и работа над личным проектом под руководством наставника — профессионального разработчика.
Запишитесь сегодня: завтра курс станет дороже 💰
Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов. В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами.
Учеников ждут лекции и работа над личным проектом под руководством наставника — профессионального разработчика.
Запишитесь сегодня: завтра курс станет дороже 💰
Пять интересных применений деструктуризации JavaScript.
https://dmitripavlutin.com/5-interesting-uses-javascript-destructuring/
https://dmitripavlutin.com/5-interesting-uses-javascript-destructuring/
Отзыв выпускника «HTML и CSS, уровень 2» #17 Ивана Салмина. Будет полезен тем, кто хочет выбрать сложный проект:
«Интенсив был настоящей проверкой на прочность. Я прошёл первый уровень, сдав «Глейси» на 100%, и на «HTML и CSS, уровень 2» выбрал совсем новый проект — «Погнали». Через месяц я пожалел о выборе, так как понимал, что чтобы успеть в срок, мне необходимо максимально оптимизироваться. В итоге, на проект я тратил по 8-9 часов в день в течение второго месяца.
Было очень тяжело работать с перестроениями в макетах для разных версий экранов, так как иногда они менялись просто до неузнаваемости и приходилось переопределять максимальное количество свойств, а вместе с этим менять разметку много раз. Иногда то, что казалось сложным в исполнении, оказывалось очень простым (например, календарь на странице формы), но чаще всего всё было совсем наоборот.
Ощущение того, что ты не знаешь, как добиться того, что на макете, поначалу было словно стеной. Оно тратило драгоценное время и снижало мотивацию. После первого месяца проект хотелось бросить, чтобы начать заново более лёгкий проект («Седону» или «Пинк»). Хорошо, что помогал наставник. После разговоров с ним у меня открывалось второе дыхание и то, что казалось невыполнимым, делалось сначала по этапам, а затем на автомате.
Через некоторое время я перестал бояться перестроений совсем, а просто переживал, что они отнимают значительную часть времени, которого оставалось всё меньше. Разметка больше не переделывалась по нескольку раз и проект перестал казаться трудным, но остался трудоёмким. Конечно, были вопросы, но я бомбардировал ими наставника, чьё терпение было столь великим, сколь велики были его познания. Тут нужно сделать важную ремарку. Дмитрий принципиально не делал работу за меня (не писал код), но давал максимальное количество информации и примеров, как мне это сделать самому. За что ему большое спасибо!
Уже сейчас, после сдачи, смотря на «Седону» и «Пинк» и их стайлгайды, они кажутся мне немного детскими, то есть их лёгкость очень резко контрастирует со сложностью «Погнали». Наверное, второй раз проект с похожей сложностью я бы не брал, всё-таки хотелось теории и практики в иных пропорция. У меня было максимум практики, но желаемого уровня теории физически за это время я много получить не смог. «Погнали» — совсем не для новичков, и я бы рекомендовал его тем, у кого за плечами есть практика не только одного интенсива в HTML Академии.
Да, ещё хотел упомянуть работу с Git и консолью. Это приятно, что её включили в интенсив. Я не в первый раз работаю с Git через консоль, поэтому, когда на первом уровне нам был предложен Github Desktop в качестве интерфейса работы с Git, у меня было лёгкое пренебрежение. Также были показаны важные аспекты автоматизации и неоспоримые плюсы блочной модели работы c проектами. Сейчас для меня не существует остальных подходов, я просто не понимаю, как можно делать большие, серьёзные проекты без БЭМ и автоматизации.
Подытоживая, хочу сказать, что первый интенсив открыл для меня маленькую форточку в мир веб-разработки, второй — распахнул настежь окно.»
«Интенсив был настоящей проверкой на прочность. Я прошёл первый уровень, сдав «Глейси» на 100%, и на «HTML и CSS, уровень 2» выбрал совсем новый проект — «Погнали». Через месяц я пожалел о выборе, так как понимал, что чтобы успеть в срок, мне необходимо максимально оптимизироваться. В итоге, на проект я тратил по 8-9 часов в день в течение второго месяца.
Было очень тяжело работать с перестроениями в макетах для разных версий экранов, так как иногда они менялись просто до неузнаваемости и приходилось переопределять максимальное количество свойств, а вместе с этим менять разметку много раз. Иногда то, что казалось сложным в исполнении, оказывалось очень простым (например, календарь на странице формы), но чаще всего всё было совсем наоборот.
Ощущение того, что ты не знаешь, как добиться того, что на макете, поначалу было словно стеной. Оно тратило драгоценное время и снижало мотивацию. После первого месяца проект хотелось бросить, чтобы начать заново более лёгкий проект («Седону» или «Пинк»). Хорошо, что помогал наставник. После разговоров с ним у меня открывалось второе дыхание и то, что казалось невыполнимым, делалось сначала по этапам, а затем на автомате.
Через некоторое время я перестал бояться перестроений совсем, а просто переживал, что они отнимают значительную часть времени, которого оставалось всё меньше. Разметка больше не переделывалась по нескольку раз и проект перестал казаться трудным, но остался трудоёмким. Конечно, были вопросы, но я бомбардировал ими наставника, чьё терпение было столь великим, сколь велики были его познания. Тут нужно сделать важную ремарку. Дмитрий принципиально не делал работу за меня (не писал код), но давал максимальное количество информации и примеров, как мне это сделать самому. За что ему большое спасибо!
Уже сейчас, после сдачи, смотря на «Седону» и «Пинк» и их стайлгайды, они кажутся мне немного детскими, то есть их лёгкость очень резко контрастирует со сложностью «Погнали». Наверное, второй раз проект с похожей сложностью я бы не брал, всё-таки хотелось теории и практики в иных пропорция. У меня было максимум практики, но желаемого уровня теории физически за это время я много получить не смог. «Погнали» — совсем не для новичков, и я бы рекомендовал его тем, у кого за плечами есть практика не только одного интенсива в HTML Академии.
Да, ещё хотел упомянуть работу с Git и консолью. Это приятно, что её включили в интенсив. Я не в первый раз работаю с Git через консоль, поэтому, когда на первом уровне нам был предложен Github Desktop в качестве интерфейса работы с Git, у меня было лёгкое пренебрежение. Также были показаны важные аспекты автоматизации и неоспоримые плюсы блочной модели работы c проектами. Сейчас для меня не существует остальных подходов, я просто не понимаю, как можно делать большие, серьёзные проекты без БЭМ и автоматизации.
Подытоживая, хочу сказать, что первый интенсив открыл для меня маленькую форточку в мир веб-разработки, второй — распахнул настежь окно.»
Ещё древние философы говорили: когда заканчивается что-то тёплое, хорошее и прекрасное, начинается что-то дождливое, ветреное и холодное. Так вышло и в этот раз — восьмого сентября закончился семнадцатый поток курса «HTML и CSS, уровень 2», и началась осень.
Рассказываем, как он прошёл.
Рассказываем, как он прошёл.
Руководство по динамическому изменению цвета на изображениях с помощью CSS Blend Mode и SVG 🎨
https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/
https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/
В этом году мы традиционно участвуем в конкурсе EdCrunch Product Award — международном конкурсе технологических продуктов в образовании.
http://edtek.ru/
Надеемся получить оценку экспертов и ценные рекомендации по развитию. Желаем всем участникам успехов!
http://edtek.ru/
Надеемся получить оценку экспертов и ценные рекомендации по развитию. Желаем всем участникам успехов!
