Size: a a a

Типичный Верстальщик

2019 July 15
Типичный Верстальщик
1-3 августа в Иннополисе пройдет конференция: IT Nights 🔥
Вас ждёт конфа для дизайнеров, разрабов, devops-инженеров, дата-сайентистов и менеджеров👨🏻‍💻

Большинство конференций стартует рано утром, когда у большинства «сов» еще слипаются глаза😴 Организаторы устали терпеть эту несправедливость и решили устроить свою конфу для молодых и дерзких😉 Лучше всего для подобного события подходит самый молодой город России (для айтишников!) Иннополис.

Среди спикеров — менеджеры ведущих компаний: Барух Садогурский (JFrog), Олег Бартунов (Postgres Professional), Владимир Плизга (ЦФТ), Олег Докука (Netifi), Паша Финкельштейн (Lamoda), Вадим Макаров (Российский квантовый центр) и др. Выступления пройдут в виде традиционных лекций, интерактивных докладов или чат-обсуждений.

Ночью будем слушать доклады, а днем спать и отдыхать на природе в формате летнего лагеря для взрослых — спортивные игры, экскурсии на самокате по городу, кино на свежем воздухе, живая музыка, школа современного вождения, квиз, стендап комиков Stand Club #1 Алексея Квашонкина и Кирилла Селегея и многое другое.

Программа и билеты тут: http://it-nights.ru/
Промокод на скидку 15%: tg_it_nights

Все самое интересное происходит по ночам✨ Не проспи будущее! 😉
источник
2019 July 16
Типичный Верстальщик
​​Под капотом у React. Своя реализация с нуля 😎

В этом цикле статей автор создаст свою реализацию React с нуля. По окончании у вас будет понимание, как работает React, какие методы жизненного цикла компонента он вызывает и для чего. Статья рассчитана на тех, кто уже использовал React и хочет узнать о его устройстве, или на очень любопытных 😃

Читать - https://habr.com/ru/post/458916/

#react
источник
Типичный Верстальщик
​​Добавление интересных эффектов с помощью CSS Blend Mode 😈

В последние годы веб-дизайн, особенно CSS, приобрели предсказуемый характер. Во-первых, мы создаем специальные эффекты, которые интенсивно используют изображения, внешние библиотеки или и то, и другое. Затем приходит CSS и добавляет эти возможности - значительно сокращая потребность во внешних ресурсах. Это означает, что большая часть скрытой мощности, которая нам нужна, просто встроена в браузер.

Читать - https://speckyboy.com/css-blend-mode/

#css
источник
Типичный Верстальщик
Готовим Front-end разработчиков бесплатно. Оплата только после трудоустройства. Большие возможности для разработки на JavaScript и высокий спрос на специалистов.

1) Индивидуальная программа обучения с личным ментором
2) Гарантия трудоустройства по договору  
3) Опыт боевой разработки в бизнес проекте
4) Поддержка выпускников 2 года
5) Общение внутри закрытого сообщества разработчиков

👉🏻 Начни карьеру Front - end Developer за 5 месяцев:
https://clck.ru/H6wfg
источник
2019 July 17
Типичный Верстальщик
​​Советы по созданию собственной загрузки. Сравнение методов реализации ленивой подгрузки данных 🙈

Ленивая загрузка - это популярный метод постепенного запроса изображений по мере их появления, а не сразу после того, как HTML страница была проанализирована. Это может снизить начальный вес страницы и помочь нам сократить производительность, запрашивая изображения, когда они необходимы.

Читать - https://css-tricks.com/tips-for-rolling-your-own-lazy-loading/

#work
источник
Типичный Верстальщик
​​User Inyerface — как не надо мучать пользователя 👽

Студия Bagaar собрала худшие элементы сайтов в одной онлайн-форме и предложила ее заполнить. Сможете пройти это испытание?

Читать - https://habr.com/ru/post/458996/

#work
источник
Типичный Верстальщик
Выравнивание блока по центру экрана на CSS 🖥

✅ Смотреть — https://youtu.be/FdcwNozRkqE

Видео, в котором я раскрываю все секреты выравнивания блока или элемента по центру экрана, используя разные методы: от самых старых, но с безупречной поддержкой, до новейших, с применением CSS Flexbox и CSS Grid.

Вся годнота в одном видео. Скорее смотри 🔥
источник
2019 July 18
Типичный Верстальщик
​​Пример истории, созданной на react с использованием JS события Scroll 😈

Просто очень не стандартный пиксельный пример реализованный на React 😃

Смотреть - https://sfatihk.github.io/react-world

#react
источник
Типичный Верстальщик
​​8 плохих практик React, которые 100% приведут к сбоям 😈

Автор разобрал восемь практик React, в рамках которых нужно быть максимально внимательным, ведь они могут вызвать сбой в вашем приложении.

Читать - https://proglib.io/p/8-javascript-practices/

#react
источник
2019 July 19
Типичный Верстальщик
​​Развлекаемся с z-index 😎

Элементы на веб-страницах, в основном, располагаются бок о бок или друг под другом. Но иногда дизайн требует перекрытия элементов. Например, выпадающее меню навигации, панели предварительного просмотра при наведении курсора, бесполезные баннеры о куках и, конечно, бесчисленные всплывающие окна, требующие вашего немедленного внимания.

Читать - https://habr.com/ru/post/459374/

#css
источник
Типичный Верстальщик
​​React Hook Router современная альтернатива React Router 😎

С момента появления React Hooks многое изменилось. Возможности, предоставляемые хуками, позволили пересмотреть наш подход к определенным концепциям в React, в том числе и к маршрутизации.

Читать - https://habr.com/ru/post/459434/

#react
источник
2019 July 20
Типичный Верстальщик
​​Как числа кодируются в JavaScript 🙈

Все числа в JavaScript с плавающей точкой. Эта статья объясняет, как эти числа с плавающей запятой представляются внутри в двоичном 64-битном формате.

Читать - https://2ality.com/2012/04/number-encoding.html

#javascript
источник
Типичный Верстальщик
Через 2 дня стартует огненный интенсив «Wordpress Мастер» 🔥

✅ Что будет на интенсиве?

Мы предоставим свёрстанные странички сайта (главная, страница блога и страница поста) и перенесем это все на Wordpress таким образом, чтобы ты научился управлять функциями не только через конструктор, но и мог самостоятельно написать сам функции на PHP.

Посмотреть верстку можно тут — http://tpverstak.ru/live/wordpress/

✅ Кому подойдёт интенсив?

— Тем, кто имеет уверенные знания в верстке сайтов в связке HTML + CSS, потому что предстоит работа с готовым сайтом, для которого потребуется вносить некоторые изменения по ходу курса.

— Тем, кто готов получить ответы, о том, как переносится готовая верстка на CMS WordPress, создавая полноценный блог и главную страницу для сайта, а не просто лендинг без функций.

— Тем, кто готов повысить средний чек за работу. Специалист, который полностью понимает структуру кода и весь его функционал PHP, ценится высоко.

✅ Как можно зарабатывать, зная WordPress?

— Публиковать шаблоны на продажу
Создав аккаунт на ThemeForest или TemplateMonster, ты сможешь продавать готовые шаблоны, обеспечив себе пассивный доход в долларах.

— Устроиться в веб-студию
В веб-студиях довольно часто используют готовые CMS. Самая популярная из них — это WordPress. Ваше преимущество после прохождения интенсива: знание PHP.

— Искать заказчиков на фрилансе
Спрос на установку, перенос вёрстки и редизайн сайтов WordPress по-прежнему высок. Можешь проверить это сам на популярных сайтах Upwork и FL.ru

🔔 👉🏻 Читать подробнее и оплатитьhttp://tpverstak.ru/wordpress-master/
источник
Типичный Верстальщик
​​pixi.js - движок создания HTML5 😈

Создание красивого цифрового контента с помощью самого быстрого и гибкого 2D-рендеринга WebGL

Смотреть - https://www.pixijs.com/

#html #work
источник
Типичный Верстальщик
Codepen: обзор и полезные советы 👨‍💻👩‍💻

✅ Смотреть — https://youtu.be/CIWf_pwUfoc

Из этого видео ты узнаешь о «горячих» клавишах, как работать с консолью JS и скрытых инструментах, которые 100% будут полезны тебе при работе с сайтом Codepen.
источник
2019 July 21
Типичный Верстальщик
​​Доступность веб-интерфейсов. Что это и как? 🙈

В докладе речь пойдет о дилетантском пути к доступности на примере проекта Lition. Доклад будет интересен не только веб-разработчикам, но и тестировщикам, графическим дизайнерам и IxD/UX-специалистам.

Читать - https://medium.com/front-end-in-regions-grodno/%D0%B2%D0%B5%D0%B1-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D1%8C-%D1%87%D1%82%D0%BE-%D1%8D%D1%82%D0%BE-%D0%B8-%D0%BA%D0%B0%D0%BA-6f42a50988eb

#work
источник
Типичный Верстальщик
Уже завтра стартует огненный интенсив «Wordpress Мастер» 🔥
И мы дарим тебе скидку 🎁

✅ Что будет на интенсиве?

Мы предоставим свёрстанные странички сайта (главная, страница блога и страница поста) и перенесем это все на Wordpress таким образом, чтобы ты научился управлять функциями не только через конструктор, но и мог самостоятельно написать сам функции на PHP.

Посмотреть верстку можно тут — http://tpverstak.ru/live/wordpress/

✅ Кому подойдёт интенсив?

— Тем, кто имеет уверенные знания в верстке сайтов в связке HTML + CSS, потому что предстоит работа с готовым сайтом, для которого потребуется вносить некоторые изменения по ходу курса.

— Тем, кто готов получить ответы, о том, как переносится готовая верстка на CMS WordPress, создавая полноценный блог и главную страницу для сайта, а не просто лендинг без функций.

— Тем, кто готов повысить средний чек за работу. Специалист, который полностью понимает структуру кода и весь его функционал PHP, ценится высоко.

✅ Как можно зарабатывать, зная WordPress?

— Публиковать шаблоны на продажу
Создав аккаунт на ThemeForest или TemplateMonster, ты сможешь продавать готовые шаблоны, обеспечив себе пассивный доход в долларах.

— Устроиться в веб-студию
В веб-студиях довольно часто используют готовые CMS. Самая популярная из них — это WordPress. Ваше преимущество после прохождения интенсива: знание PHP.

— Искать заказчиков на фрилансе
Спрос на установку, перенос вёрстки и редизайн сайтов WordPress по-прежнему высок. Можешь проверить это сам на популярных сайтах Upwork и FL.ru

🎁 Дарим скидку на обучение. Воспользоваться ей можно сразу в момент оплаты на сайте. Можешь оплатить 4000 руб или 7500 руб в зависимости от выбранного тарифа.

Оплатить — http://tpverstak.ru/wordpress-master/
источник
Типичный Верстальщик
​​Практические рекомендации по разработке масштабных React-приложений. Планирование, действия, источники данных и API 😎

Первую часть материала, который посвящён разработке крупномасштабных React-приложений. При создании одностраничного приложения с помощью React очень легко привести его кодовую базу в беспорядок. Это усложняет отладку приложения, затрудняет обновление или расширение кода проекта.

Читать - https://habr.com/ru/company/ruvds/blog/458496/

#react
источник
2019 July 22
Типичный Верстальщик
​​Web Developer Checklist 👽

Интересный сервис для веб-разработчика, который поможет по пунктам проверить готовность проекта к запуску. Доступен в виде сайта и расширения

Смотреть - http://webdevchecklist.com/

#work
источник
Типичный Верстальщик
Книга «Грокаем Алгоритмы» обязательна к прочтению!⚡️

Посмотрите видеообзор на книгу, из которой ты сможешь понять всю механику построения алгоритмов наглядно с иллюстрациями. Автор на своих примерах в книге использует Python, но также отмечает, что изложенная информацию идеально подойдет для любого языка программирования и JavaScript в том числе.

Конечно же, по традиции ты можешь воспользоваться возможностью выиграть издание. Подробности в видео по ссылке 👇🏻

Также, если на Youtube канале наберется 20К подписчиков в день розыгрыша (28 июля), то мы разыграем еще два ежеденевника Frontend Book, которые получат еще 2 участника.

Все условия в видео на Youtube  👇🏻

Смотреть — https://youtu.be/fgm5bawz1_M
YouTube
#06 ГРОКАЕМ АЛГОРИТМЫ | Адитья Бхаргава | ОБЗОР И РОЗЫГРЫШ КНИГИ
УСЛОВИЯ РОЗЫГРЫША:
— Подписаться на Youtube канал - https://www.youtube.com/c/tpverstak
— Поставить лайк этому видео
— Подписаться на Instagram аккаунт - https://www.instagram.com/tpverstak
(если нет инсты, то ВК https://vk.com/tpverstak или Телеграм https://t.me/tpverstak)
— Оставить комментарий под видео с ответом на вопрос: К какой категории ты бы себя отнёс в обучении?
— В конце комментария оставьте ссылку на ваш Instagram аккаунт (вк или телеграм), чтобы в случае победы мы могли связаться с вами.

Итоги подведём в прямом эфире 28 июля в 12:00 мск на этом канале.

Сайт-рандомайзер — https://lizaonair.com/giveaway/

Также, если на канале в момент розыгрыша будет 20 тыс. подписчиков, то мы разыграем еще два Frontend Book еще двум участникам.
__
Купить ежедневник Frontend Book — https://tpverstak.ru/frontendbook
Задать вопрос фронтендеру бесплатно — https://frontendhelp.me/ru
__
Сайт — http://tpverstak.ru
ВК — https://vk.com/tpverstak
Instagram — https://www.instagram.com/tpverstak/
Telegram — https://t.me/tpverstak…
источник