Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №229: Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces, minmax, наша ответственность. Слушайте на Ютубе https://youtu.be/TG0RAmf_tYA, читайте на Медиуме https://medium.com/p/722b92c39c12
229. Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces…
Веб-стандарты
00:01:00 События
00:03:58 Новости браузеров
00:13:05 Web Vitals
00:23:36 Хранилища в браузерах
00:32:37 Logical assignment в V8
00:37:51 Github Codespaces
00:47:00 Непонятные min и max
00:54:28 Наша ответственность
00:03:58 Новости браузеров
00:13:05 Web Vitals
00:23:36 Хранилища в браузерах
00:32:37 Logical assignment в V8
00:37:51 Github Codespaces
00:47:00 Непонятные min и max
00:54:28 Наша ответственность
Примеры использования свойства border для разных эффектов оформления.
https://www.blog.duomly.com/css-border-with-examples-tutorial/
https://www.blog.duomly.com/css-border-with-examples-tutorial/
На прошлой неделе мы поговорили с тимлидом компании Ostrovok.ru об опыте найма выпускников Академии, как строится разработка в компании, про удалённую работу, коммуникацию в команде, и о том, что должен знать начинающий фронтенд-разработчик, чтобы быть востребованным.
Посмотрите запись, если пропустили.
Посмотрите запись, если пропустили.
Статьи для начинающих специалистов, рассказывающие, какие ошибки нельзя делать в резюме и во время собеседования, если они хотят устроиться на работу:
«17 ошибок, которые испортят любое резюме» — https://tml.io/b7qxw
«Как не устроиться на работу» — https://tml.io/dtua7
«17 ошибок, которые испортят любое резюме» — https://tml.io/b7qxw
«Как не устроиться на работу» — https://tml.io/dtua7
HTML Academy
17 ошибок, которые испортят любое резюме
Резюме без фото, непонятная зарплата, странный опыт и другие ужасы.
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №230: Aspect ratio, реклама, appearance: none, top-level await, Deno, хранилище, цена стилей. В гостях Андрей Мелихов. Слушайте на Ютубе https://youtu.be/EoIp_uhO40Y, читайте на Медиуме https://medium.com/p/47c7909a7874
230. Aspect ratio, реклама, appearance: none, top-level await, Deno…
Веб-стандарты
00:00:00 Интро
00:01:07 События
00:03:35 Aspect ratio, DevTools, реклама
00:17:46 Кроссбраузерный appearance: none
00:23:40 Top-level await в Node.js
00:34:52 Deno вместо Node
00:54:25 Постоянное хранилище
01:02:15 Дорогая цена стилей
00:01:07 События
00:03:35 Aspect ratio, DevTools, реклама
00:17:46 Кроссбраузерный appearance: none
00:23:40 Top-level await в Node.js
00:34:52 Deno вместо Node
00:54:25 Постоянное хранилище
01:02:15 Дорогая цена стилей
Использование CSS-масок для создания у изображения зубчатых краёв.
https://css-tricks.com/using-css-masks-to-create-jagged-edges/
https://css-tricks.com/using-css-masks-to-create-jagged-edges/
На днях Фейсбук купил сервис для поиска гифок Giphy за 400 млн долларов. Сделка, конечно, не ахти — бывали у ребят покупки и покрупнее — но никогда не поздно подсуетиться и запустить свой Инстаграм.
Поэтому наш редактор Женя пошёл на сайт с курсовыми работами для третьекурсников и нашёл там ещё 5 идей, которые могут принести создателям миллионы 😜
Поэтому наш редактор Женя пошёл на сайт с курсовыми работами для третьекурсников и нашёл там ещё 5 идей, которые могут принести создателям миллионы 😜
Вторая часть цикла статей про инструменты разработчика. Продолжаем вас знакомить с Chrome DevTools, в этот раз — про Console, Sources и Network.
HTML Academy
Введение в Chrome DevTools. Console, Sources, Network
Вторая часть цикла статей про инструменты разработчика.
Отзыв выпускницы «JavaScript. Профессиональная разработка веб-интерфейсов» #19 Анны Силаевой:
«Затянула меня Академия. Ведь я всего лишь хотела вёрстку поучить, а уже закончила этот курс и жду начала «JavaScript. Архитектура клиентских приложений».
Основная моя мысль — было сложно, но очень интересно! Мозги скрипели, сон был забыт, а кофе я пила вместо воды. Но каждый день возвращалась к редактору кода. Насколько это было сложно, ровно настолько же было захватывающе узнавать новое, смотреть лекции, выполнять домашние задания.
Я очень страдала от того, что моя защита на втором уровне вёрстки сильно затянулась, и я толком не успела подготовиться. Если бы было время, то всё прошло бы гораздо проще. При этом мне очень повезло с крутым наставником. Алексей, спасибо! Повезло с крутым потоком, где все готовы помочь, поддержать, ответить на вопрос или хотя бы пострадать всем вместе.
В общем, если вы новичок в программировании, не теряйте время — ГОТОВЬТЕСЬ!»
Новый поток курса «JavaScript. Профессиональная разработка веб-интерфейсов» стартует уже 26 мая.
В программе появилось обновление — лекция, посвящённая знакомству с самыми распространёнными возможностями стандарта EcmaScript 2015 и новее.
«Затянула меня Академия. Ведь я всего лишь хотела вёрстку поучить, а уже закончила этот курс и жду начала «JavaScript. Архитектура клиентских приложений».
Основная моя мысль — было сложно, но очень интересно! Мозги скрипели, сон был забыт, а кофе я пила вместо воды. Но каждый день возвращалась к редактору кода. Насколько это было сложно, ровно настолько же было захватывающе узнавать новое, смотреть лекции, выполнять домашние задания.
Я очень страдала от того, что моя защита на втором уровне вёрстки сильно затянулась, и я толком не успела подготовиться. Если бы было время, то всё прошло бы гораздо проще. При этом мне очень повезло с крутым наставником. Алексей, спасибо! Повезло с крутым потоком, где все готовы помочь, поддержать, ответить на вопрос или хотя бы пострадать всем вместе.
В общем, если вы новичок в программировании, не теряйте время — ГОТОВЬТЕСЬ!»
Новый поток курса «JavaScript. Профессиональная разработка веб-интерфейсов» стартует уже 26 мая.
В программе появилось обновление — лекция, посвящённая знакомству с самыми распространёнными возможностями стандарта EcmaScript 2015 и новее.
Статья про виды изображений и обеспечение доступности.
https://www.smashingmagazine.com/2020/05/accessible-images/
https://www.smashingmagazine.com/2020/05/accessible-images/
Псевдоклассы — это дополнения к обычным селекторам, которые позволяют стилизовать элемент на основе его положения в документе или действий пользователя.
Псевдокласс добавляется к селектору c помощью символа :, вот так селектор:псевдокласс. Список существующих псевдоклассов можно посмотреть в спецификации. А в наших интерактивных курсах потренироваться в их применении.
Псевдокласс добавляется к селектору c помощью символа :, вот так селектор:псевдокласс. Список существующих псевдоклассов можно посмотреть в спецификации. А в наших интерактивных курсах потренироваться в их применении.
Когда появились первые браузеры? Сложный тест для тех, кто видел все этапы современного интернета. Внутри боль, радость, счастье и разочарование.
Сколько дали правильных ответов? 🤓
Сколько дали правильных ответов? 🤓
l.htmlacademy.ru
Сложный тест про браузеры
HTML Academy проверяет, знаете ли вы историю интернета. Когда появились Амиго, IE и Файрфокс?
Создание эффекта фейерверка при нажатии на кнопку.
https://css-tricks.com/playing-with-particles-using-the-web-animations-api/
https://css-tricks.com/playing-with-particles-using-the-web-animations-api/
Руководство для новичков по работе с HTML-кодом на своём компьютере: разбираемся, в чём его писать и как запустить.
HTML Academy
Как написать и запустить HTML на компьютере?
Понадобится только текстовый редактор и немного времени.
Открыли запись на новые потоки профессий:
«Фронтенд-разработчик» (7 сентября 2020 — 28 марта 2021)
«React-разработчик» (7 сентября 2020 — 1 августа 2021)
Если у вас есть вопросы про обучение, программу и трудоустройство — оставьте на сайте заявку на консультацию. Мы свяжемся с вами и постараемся помочь 😊
«Фронтенд-разработчик» (7 сентября 2020 — 28 марта 2021)
«React-разработчик» (7 сентября 2020 — 1 августа 2021)
Если у вас есть вопросы про обучение, программу и трудоустройство — оставьте на сайте заявку на консультацию. Мы свяжемся с вами и постараемся помочь 😊
«Акселератор» мы запустили полгода назад. За это время его прошли 65 человек, а вместе они закончили 96 проектов.
В дайджесте рассказали, с каким уровнем подготовки приходят в «Акселератор», об обновлениях в проектах, и поделились отзывами выпускников.
В дайджесте рассказали, с каким уровнем подготовки приходят в «Акселератор», об обновлениях в проектах, и поделились отзывами выпускников.