Хочу для создания полезного контента на канале запустить рубрику "Разбор полётов", где буду проводить ревью кода по вашим заявкам. В связи с этим опрос. Полезно ли это и в каком формате?
Anonymous Poll
43%
Запись видео с разбором кода и его публикация на канале/Youtube.
28%
Стрим с разбором кода и возможностью задать вопросы.
12%
Текстовые статьи/публикации с разбором кода и основными ошибками.
9%
Запись видео с текстовой статьёй вместе.
3%
Стрим с текстовой статьёй на его основе после стрима.
5%
Это не интересно, давай что-то другое выдумывай!
Ну и вдогонку к предыдущему посту на канале - кидайте ссылки на свои сайты, которые хотите чтобы я просмотрел. Принимаю ссылки на гитхаб в личку @Serdyuk либо в чат канала.
Forwarded from Веб-страница
Самые большие ошибки в веб-разработке — опыт экспертов
«Тот, кто всем говорит, что не ошибается, делает это в 2 раза чаще остальных». Примерно так звучит народная мудрость.
Мы поговорили с веб-разработчиками, которые не боятся признавать свои ошибки. Они рассказали нам про свои самые крупные косяки:
https://tprg.ru/qnXO
#эксперты
«Тот, кто всем говорит, что не ошибается, делает это в 2 раза чаще остальных». Примерно так звучит народная мудрость.
Мы поговорили с веб-разработчиками, которые не боятся признавать свои ошибки. Они рассказали нам про свои самые крупные косяки:
https://tprg.ru/qnXO
#эксперты
Forwarded from Frontend&Travel
Как заполнить профайл
И найти работу, если ты уже все изучил. Карантин - отличное время для поиска новых возможностей.
В кризисе больше всего я бы озадачилась оформлением профайла. На рынок труда я не выходила давно и не подскажу, эффективно ли искать ИТ-работу именно сейчас. Но качественно подготовиться к процессу ничто не мешает.
Самое важное на начальном этапе - полностью заполненный профайл и портфолио. Я говорю как о регулярной работе, так и о фрилансе. Заполняйте его на все 100%. Если вас просят описать каждый сделанный проект - не ленитесь и пишите по всем 1-2 абзаца текста. Если сервис позволяет сделать видео-обращение - не уходите от этой возможности.
Во-первых, вас приметят как качественно сотрудника, выкладывающегося на все 100% (не зря вы так старались над профайлом?). А, во-вторых, хедхантеры или заказчики быстрее поймут, что вы собою представляете.
Ищут специалиста всегда по ключевым словам. И если люди не особо разбираются в теме, то они просматривают список перечисленных технологий на соответствие тому, что им надо. Чем больше ключевых слов в описании профайла вы используете, тем больше шансов, что попадете под их первичный отбор.
Также не забудьте опубликовать проекты и описания к ним. Даже если вы их сделали и придумали сами. Желательно со ссылками. Собственноручно сделанный проект говорит о самостоятельности разработчика и возможности быстро разобраться в предмете. Даже если у вас не было ни одного заказчика, описывайте учебные проекты, желательно со ссылками. Конечно же, главное - чтобы они были сделаны качественно.
Опыт, не относящийся к программированию, стоит упустить. Не нужно забивать голову людям лишней информацией. Обязательно укажите уровень английского хотя бы на level “читаю техническую документацию”. Ниже уже недостаточно для быстро развивающегося рынка ИТ.
Если вы хотите стать фрилансером, то опишите конкретнее вашу специализацию. Профайл из разряда “делаю все за любые деньги” вызывает скорее недоумение, чем желание работать. Сфокусируйтесь на своих сильных технических сторонах (верстка, настройка серверов, написание SPA с нуля, рефакторинг кода и др.) и опишите их. Часто заказчик имеет точечный запрос, и ему нужен специалист под конкретную задачу.
Ну что, погнали заполнять профайлы?
И найти работу, если ты уже все изучил. Карантин - отличное время для поиска новых возможностей.
В кризисе больше всего я бы озадачилась оформлением профайла. На рынок труда я не выходила давно и не подскажу, эффективно ли искать ИТ-работу именно сейчас. Но качественно подготовиться к процессу ничто не мешает.
Самое важное на начальном этапе - полностью заполненный профайл и портфолио. Я говорю как о регулярной работе, так и о фрилансе. Заполняйте его на все 100%. Если вас просят описать каждый сделанный проект - не ленитесь и пишите по всем 1-2 абзаца текста. Если сервис позволяет сделать видео-обращение - не уходите от этой возможности.
Во-первых, вас приметят как качественно сотрудника, выкладывающегося на все 100% (не зря вы так старались над профайлом?). А, во-вторых, хедхантеры или заказчики быстрее поймут, что вы собою представляете.
Ищут специалиста всегда по ключевым словам. И если люди не особо разбираются в теме, то они просматривают список перечисленных технологий на соответствие тому, что им надо. Чем больше ключевых слов в описании профайла вы используете, тем больше шансов, что попадете под их первичный отбор.
Также не забудьте опубликовать проекты и описания к ним. Даже если вы их сделали и придумали сами. Желательно со ссылками. Собственноручно сделанный проект говорит о самостоятельности разработчика и возможности быстро разобраться в предмете. Даже если у вас не было ни одного заказчика, описывайте учебные проекты, желательно со ссылками. Конечно же, главное - чтобы они были сделаны качественно.
Опыт, не относящийся к программированию, стоит упустить. Не нужно забивать голову людям лишней информацией. Обязательно укажите уровень английского хотя бы на level “читаю техническую документацию”. Ниже уже недостаточно для быстро развивающегося рынка ИТ.
Если вы хотите стать фрилансером, то опишите конкретнее вашу специализацию. Профайл из разряда “делаю все за любые деньги” вызывает скорее недоумение, чем желание работать. Сфокусируйтесь на своих сильных технических сторонах (верстка, настройка серверов, написание SPA с нуля, рефакторинг кода и др.) и опишите их. Часто заказчик имеет точечный запрос, и ему нужен специалист под конкретную задачу.
Ну что, погнали заполнять профайлы?
Forwarded from Веб-стандарты (Веб-стандарты)
Как правильно написать alt-текст. Николай Шабалин рассматривает примеры, когда альтернативный текст нужен, когда не нужен и как сделать его полезным — https://htmlacademy.ru/blog/boost/frontend/alt-text?utm_source=tg_web_standards&utm_medium=special&utm_campaign=alt_text_16042020
Очень интересная статья о том, какие лайфхаки используются при вёрстке facebook.
Forwarded from Веб-стандарты (Веб-стандарты)
Интересные CSS-находки в новом дизайне Facebook. Ахмад Шадид делится необычными приёмами, которые он нашёл при помощи DevTools в коде редизайна социальной сети, в переводе на Хабре — https://habr.com/p/496958/
Forwarded from FrontEndDev
Forwarded from Веб-стандарты (Веб-стандарты)
Вышла Node.js 14 — релиз, который после стабилизации станет LTS осенью 2020. Среди новинок: обновление V8 до версии 8.1, экспериментальный асинхронный Local Storage API, улучшенный API стримов, системный интерфейс Web Assembly и другие — https://medium.com/p/8170d384567e
Forwarded from Веб-страница
Фронтенд-челленджи
Подборка сайтов, которых объединяет один из самых интересных способов обучения — челленджи. Где-то нужно воспроизвести исходную картинку с помощью минимального количества кода, где-то на протяжении 100 дней выполнять 100 разных заданий, а где-то соревноваться в решении задач с другими пользователями.
Точно найдёте что-нибудь интересное для себя:
https://tprg.ru/cFEL
#фронтенд #css
Подборка сайтов, которых объединяет один из самых интересных способов обучения — челленджи. Где-то нужно воспроизвести исходную картинку с помощью минимального количества кода, где-то на протяжении 100 дней выполнять 100 разных заданий, а где-то соревноваться в решении задач с другими пользователями.
Точно найдёте что-нибудь интересное для себя:
https://tprg.ru/cFEL
#фронтенд #css
Друзья, как вы и просили, записал видео с разбором вёрстки сайта. Сегодня будем смотреть вёрстку от @mahonya333
Видео появится уже через час!
https://youtu.be/6UYeaxaRNWk
PS: прошу тапками не кидать, для меня это первый ролик и бла-бла-бла (на самом деле знаю, что не оправдание, буду исправляться).
Видео появится уже через час!
https://youtu.be/6UYeaxaRNWk
PS: прошу тапками не кидать, для меня это первый ролик и бла-бла-бла (на самом деле знаю, что не оправдание, буду исправляться).
YouTube
CSS_разбор #1
Разбираю ошибки вёрстки проекта. Первое видео и первый подопытный - Владислав Магоня со своим проектом.
Тележечка: https://bit.ly/css_notes
Личка: https://bit.ly/serdyuk
Ссылка на проект, который разбираю: https://mahonya333.github.io/WS-Security/
Ссылка…
Тележечка: https://bit.ly/css_notes
Личка: https://bit.ly/serdyuk
Ссылка на проект, который разбираю: https://mahonya333.github.io/WS-Security/
Ссылка…
Друзья! Мне тут посоветовали таким образом концентрироваться на работе, поэтому вот вам! Внезапный стрим ни о чём. Можно посмотреть как я работаю в реальном, так сказать, времени. А заодно поболтать немного. Вэлкам!
https://youtu.be/Q1QWWqXtCtc
https://youtu.be/Q1QWWqXtCtc
YouTube
Работаю. Болтаю
Внезапный стрим ни о чём.
БОГИ НАС УСЛЫШАЛИ!!! Это случилось!
Генератор сетки на grid-layout: https://grid.layoutit.com/
Генератор сетки на grid-layout: https://grid.layoutit.com/
Forwarded from Веб-стандарты (Веб-стандарты)
Что я узнал про min(), max() и clamp() в CSS. Ахмад Шадид объясняет, как работают функции и для чего их можно полезно применять — https://ishadeed.com/article/css-min-max-clamp/
Forwarded from Веб-стандарты (Веб-стандарты)
Приключения Masonry-раскладки в CSS. Илья Стрельцын разбирает историю раскладки Masonry, какие её виды существуют и какое будущее её ждёт в рамках спецификаций CSS — https://css-live.ru/css/priklyucheniya-masonry-raskladki-v-css.html
Послезавтра будет разбор вёрстки на канале в прямом эфире!
Чтобы не пропустить - подписывайтесь на канал, звоните в колокол, все дела!
https://youtu.be/yk6yBaqJ8QY
Чтобы не пропустить - подписывайтесь на канал, звоните в колокол, все дела!
https://youtu.be/yk6yBaqJ8QY
YouTube
CSS-разбор #2
Разбираю ошибки вёрстки проекта. На этот раз - на стриме.
Тележечка: https://bit.ly/css_notes
Личка: https://bit.ly/serdyuk
Полезные ссылки:
Спецификация HTML live standart: https://html.spec.whatwg.org/
Как работать с CSS-препроцессорами и БЭМ: https:…
Тележечка: https://bit.ly/css_notes
Личка: https://bit.ly/serdyuk
Полезные ссылки:
Спецификация HTML live standart: https://html.spec.whatwg.org/
Как работать с CSS-препроцессорами и БЭМ: https:…