​​Как анимировать SVG подпись 😎

Урок создания анимированной подпипи в формате SVG при помощи совсем небольшого количества CSS и Javascript. В этом демо автор покажет вам, как написать на Javascript функцию для расчёта длины SVG path и как использовать CSS для анимирования SVG strokes.

Читать - http://odinokun.com/2020-01-14-kak-animirovat-svg-podpis.html

#svg

Уже завтра стартует интенсив по HTML и CSS, где вы сверстаете свою первую страничку

В конце обучения вы получите чек-лист о том, как вырасти с верстальщика до front-end разработчика и разыграем дополнительные подарки.

Старт обучения 22 января в 18:00 мск. Подавайте заявку в эту группу, чтобы принять участие 👉🏻 https://vk.com/htmlcss3days

----
Также я отвечу буду отвечать на все ваши вопросы в нашем чатике во время обучения. Это отличная возможность познакомиться с новыми интересными людьми и, конечное же, попробуете себя в верстке.

Длительность интенсива 3 дня, но это будут максимально насыщенные дни. Я подготовила для вас о-о-очень много материалов. Новичкам будет полезно.

ПРОГРАММА ИНТЕНСИВА:

✅ 22 января — Работа с HTML и PSD
Разберем PSD макет, установим редактор кода, поговорим о тегах HTML + практика

✅ 23 января — Первая стилизация
Разберем как стилизуются элементы на сайтах и с чего начинается работа с CSS + практика

✅ 24 января — Много-много практики
Продолжим углубленное изучение мира HTML и CSS + практика

Ещё раз, чтобы принять участие нужно подать заявку в эту группу https://vk.com/htmlcss3days , а дальше там уже всё расписано, что и как нужно делать.

Чем верстальщик отличается от фронтенд-разработчика?

Расскажу подробно о том, чем занимаются верстальщики и в чем суть их работы. А также сравню это с тем, какой список технологий необходимо знать фронтенд разработчку. Особенно уделю внимание начинающим фронтенд разработчикам.

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

#work

​​Оформление содержимого <use> в SVG с помощью CSS 🙈

Подробная статья об оформлении содержимого в элементе SVG <use> и преодолении связанных с этим проблем.

Читать - http://prgssr.ru/development/oformlenie-soderzhimogo-use-v-svg-s-pomoshyu-css.html

#css #svg

Испытай свои силы в новом хакатоне от Photo Lab с призовым фондом в 800 000 рублей!

Нужно создать сервис, который будет генерировать вирусный контент для приложения TikTok из одной или нескольких фото пользователя. На выходе пользователь должен получить такое видео, которым он обязательно поделится в TikTok, а его подписчики захотят создать себе такое же.

Кого мы ждём: студентов технических и художественных специальностей, программистов и дизайнеров с опытом, авторов креативных идей. Количество участников в одной команде: от 1 до 5 человек.
Где: Москва, Проспект Мира д.3, стр.3, коворкинг Work \ Soda
Когда (первый этап): 15-16.02.20

Лучшие команды могут получить контракт на разработку на сумму до 2 000 000 рублей!

Подробная информация и регистрация тут: http://bit.ly/2NIToFN

Уже СЕГОДНЯ стартует бесплатный интенсив по HTML и CSS, где вы сверстаете свою первую страничку 🔥

В конце обучения вы получите чек-лист о том, как вырасти с верстальщика до front-end разработчика и разыграем дополнительные подарки.

Старт обучения 22 января в 18:00 мск. Подавайте заявку в эту группу, чтобы принять участие 👉🏻 https://vk.com/htmlcss3days

----
Также я отвечу буду отвечать на все ваши вопросы в нашем чатике во время обучения. Это отличная возможность познакомиться с новыми интересными людьми и, конечное же, попробуете себя в верстке.

Длительность интенсива 3 дня, но это будут максимально насыщенные дни. Я подготовила для вас о-о-очень много материалов. Новичкам будет полезно.

ПРОГРАММА ИНТЕНСИВА:

✅ 22 января — Работа с HTML и PSD
Разберем PSD макет, установим редактор кода, поговорим о тегах HTML + практика

✅ 23 января — Первая стилизация
Разберем как стилизуются элементы на сайтах и с чего начинается работа с CSS + практика

✅ 24 января — Много-много практики
Продолжим углубленное изучение мира HTML и CSS + практика

Ещё раз, чтобы принять участие нужно подать заявку в эту группу https://vk.com/htmlcss3days , а дальше там уже всё расписано, что и как нужно делать.

​​Верстать быстро и красиво: 15 популярных CSS фреймворков 👀

Главные особенности фреймворков для вёрстки CSS. От продвинутых Bootstrap и Foundation до крошечных Milligram и Dead Simple Grid. В статье помогают выбрать инструмент для настройки дизайна вашего проекта.

Читать - https://proglib.io/p/verstat-bystro-i-krasivo-15-populyarnyh-css-freymvorkov-2020-01-16

#css

​​Angular 9 и Ivy: ленивая загрузка компонентов 😎

Ленивая загрузка компонентов в Angular? Может, речь пойдет о ленивой загрузке модулей с помощью маршрутизатора Angular? Нет, в статье пойдет речь именно о компонентах. Текущая версия Angular поддерживает лишь ленивую загрузку модулей. Но Ivy даёт разработчику новые возможности в работе с компонентами.

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

#angular

​​7 советов для разработчика о том, как искать работу в Германии 🙈

Как найти работу для разработчика в Германии? В статье собрали информацию об особенностях найма в немецкие компании. Узнайте, как выделиться среди других.

Читать - https://techrocks.ru/2019/04/01/job-hunting-in-germany-for-developers/

#work

Первый запуск бесплатного интенсива прошел мега круто 🔥

Правда сегодня еще будет часовой стрим, поэтому технически все закончится только завтра, тк еще будем проверять оставшиеся домашки учеников 😊

Вы можете заранее почитать часть отзывов, которые я прикрепила на сайте http://tpverstak.ru/htmlcss3days/

Если честно, даже не думала, что это будет настолько круто и мне настолько понравится делиться информацией в пределах группы, которая действительно заинтересована учиться 😮

Тем не менее, 27 января - старт основных курсов по верстке:
Базовый — http://tpverstak.ru/training/
Продвинутый — http://tpverstak.ru/training-profi/
Wordpress Мастер — http://tpverstak.ru/wordpress-master/

Также впервые мы вводим тариф «Индивидуальный», где обучение длится не 1.5, а 3 месяца. Цифра условная, т.к. в любом случае своих не бросаем.

Суть заключается в том, что по мимо прохождения основного курса, вы получаете онлайн-консультации, мы тренируем вас на дополнительных макетах, оформляем вместе резюме на разных сайтах, включая Linkedin, чтобы HR сами находили вас. Также помогаем с фриланс биржами: Upwork или русскоязычными. Также оформляем грамотно портфолио и ищем заказы + помогаем с заказами. В общем это мощная программа, где я и Андрей (наш куратор) поможем тебе во всем.

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

Еще раз напомню, что старт курсов в ПН 27 января:
Базовый — http://tpverstak.ru/training/
Продвинутый — http://tpverstak.ru/training-profi/
Wordpress Мастер — http://tpverstak.ru/wordpress-master/

Пойдем с нами, если хочешь стать крутым верстальщиком и фронтендером в будущем 🔥

☺️ Хочешь стать верстальщиком сайтов?
🎁 Дарим 10% скидки на обучение!
🔥 Предложение действует всего сутки.

Завтра 27 января начинается обучение и у тебя есть возможность научиться верстке сайтов и получать заказы:
✅ Базовый — http://tpverstak.ru/training/
✅ Продвинутый — http://tpverstak.ru/training-profi/
✅ Wordpress Мастер — http://tpverstak.ru/wordpress-master/

Есть три тарифа: Самостоятельный, Полный с куратором, Индивидуальный. Каждый найдет подходящий для себя формат обучения.

Каждому тарифу будут доступны учебные материалы и чат для общения.

Присоединяйся, начни новую жизнь в мире веба ⭐️

P.S. Расчет скидки: сумма тарифа умноженное на 0.9 = итоговая стоимость

​​Имплементация Coroutine для JavaScript 👀

Объяснение простым языком о том, что такое функции-генераторы. А так же представление автора своей имплементации Coroutines, со всеми возможными приятными плюшками.

Читать - https://web-panda.ru/post/coroutine-js

#javascript

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

Спасибо за это стоит сказать frontend-разработчикам, придумавшим адаптивную вёрстку, которая подстраивается под экран телефона. Фронтенды вообще молодцы ー пользу приносят, да и зарплаты у них хорошие… Хочешь так же? SkillFactory предлагает стать фронтенд-разработчиком с нуля за 6 месяцев. Теоретические блоки по HTML и CSS, JavaScript и видам вёрстки чередуются с практическими заданиями в специальном тренажёре.
Курс рассчитан на новичков в разработке и на тех, кто хочет повысить свой скилл во фронтенде. В свою очередь, команда наставников и персональный ментор всегда придут на помощь.

Узнайте подробнее о программе: https://clc.to/j7gjRA
⚡️Киберпонедельник уже здесь!  Cкидка на курсы до 40%- не упусти шанс!

Верстка сайта с нуля для начинающих

Первое видео с практикой на моем ютуб канале. Это вырезанная практика с нашего бесплатного интенсива, который включал в себя 3 составляющие обучения: теория, практика, проверка ДЗ.

Начать верстать сайт — https://youtu.be/vd8qO3DCELo

В этом видео практика верстки сайта от и до. Ничего лишнего. Качай макет под видео и повторяй за мной — https://bit.ly/2RS45r3

Основные тайм-коды:
00:23 - Работа с макетом и HTML
29:20 - Стилизация шапки и первого блока
59:32 - Стилизация второго блока и футера
1:45:53 - Адаптивность

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

​​Карта знаний JS-Frontend программиста 🙈

Детализированная карта знаний для JS-Frontend программистов от Trainee до Senior.
Используйте для самообучения, поиска пробелов в знаниях, создания программ обучения,
подготовки к собеседованиям и продвижениям по карьерной лестнице.

Читать - https://youit.pro/map/js#spa

#work

​​Как развернуть и запустить Node-js Rest API на Minikube 👀

Minikube - это инструмент, который запускает одноузловой кластер Kubernetes на виртуальной машине на вашем персональном компьютере. В этой статье показано, как развернуть и запустить rest API NodeJS на MInikube.

Читать - https://morioh.com/p/d7ce843f8ce0?f=5c21fb01c16e2556b555ab32

#node

​​Зоопарк в городе: Google добавили 3D животных в AR 😎

Теперь в Google при поиске животного вы можете вызвать его 3D модель в приложении камера. Правда пока это бета-версия, которая работает не у всех стабильно.

Читать - https://tech.informator.ua/2019/05/31/zoopark-v-gorode-google-dobavili-3d-zhivotnyh-v-ar/

#design

​​Как использовать псевдокласс :root в CSS 👀

В этой статье автор расскажет, что такое псевдокласс :root и вы узнаете о том, как можно его использовать в своих проектах.

Читать - http://odinokun.com/2020-01-28-kak-ispolzovat-selektor-psevdoklassa-root-v-css.html

#css

​​Как выжить и стать frontend разработчиком в современном мире? 🙈

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

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

#work

Обтекание тени box-shadow вокруг нестандартной фигуры

Недавно мне на практике попался нестандартный случай реализации блока и после того, как я нашла решение, поняла, что разбор этого примера заслуживает отдельного ролика в рубрику Магия CSS. Покажу, как создать нестандартную фигуру с полностью обтекаемой тенью.

Смотреть — https://youtu.be/9hVdygZfZ9M