​​Искусство компонентов. Пишем карточку контакта Facebook Messenger📩

Вполне возможно оценить компонент и сказать, что он легко пишется на HTML и CSS. Идеальный адаптивный компонент может быстро перестаёт работать, когда сталкивается с реальным контентом настоящего проекта. В статье на примере Facebook Messenger будет показано простого, но функционального компонента.

Читать - https://habr.com/ru/company/skillfactory/blog/536832/

#css

Курсы, которые позволят тебе стать фронтенд-разработчиком, владеющим Vue (полный список всех этапов)

✅ 25 января - старт курсов по верстке

Есть 2 уровня обучения:

🔥 Базовый курс
Для новичков и тех, кто ранее что-то пробовал верстать, но нет систематизированных знаний. На практике верстаем макеты Figma на HTML и CSS с нуля в течении месяца (+теория), а также даем еще 2 недели на верстку дипломного проекта. Все макеты отображены на сайте.

Ссылка на курс - https://frontendblok.com/courses/html-css

🔥 Продвинутый курс
Курс для тех, кто верстал с HTML/CSS или учился на базовом курсе и хочет прокачивать свои навыки дальше. На практике создашь также 2 сайта с Gulp, SCSS и JavaScript. Все макеты отображены на сайте.

Ссылка на курс - https://frontendblok.com/courses/advanced-html-css

✅ 1 февраля - старт курса JavaScript Мастер

На курсе ты освоишь JavaScript с нуля на практике, которая пригодится в реальной работе. И всё это за 6 недель. На практике в начале курса будут небольшие закрепляющие ДЗ, а во второй половине курса мы вместе создадим пользовательский кабинет, используя Node.js

Ссылка на курс - https://frontendblok.com/courses/javascript

✅ 15 февраля - НОВЫЙ КУРС фреймворк Vue.js версии 3

Есть 3 популярных JS-фреймворка в мире frontend-разработки: Vue, React и Angular. Но именно у Vue.js больше всего «звездочек» на Github. Его любят за простоту и эффективность. И «звезды», как знак симпатии от разработчиков, это подтверждают.

На курсе мы за 4 недели вместе создадим приложение на Vue.js с использованием новой 3-ей версии. Таких курсов на рынке крайне мало, в основном пока везде обучают 2-й версии - имейте это в виду.

До 1 февраля у тебя есть возможность взять курс по предпродаже - https://frontendblok.com/courses/vuejs
Такая возможность есть только у первых потоков, потому что это новый курс 😊

Остались вопросы? Пиши мне @annblok

​​Будущее JavaScript: декораторы😉

Вашему вниманию представляется адаптированный перевод нового варианта предложения, касающегося использования декораторов в JavaScript, с небольшими пояснениями относительно характера происходящего.

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

#javascript

25 января стартуют авторские курсы по верстке, на которых обучаем HTML, CSS, Gulp и SCSS в зависимости от уровня курса 👨‍💻👩‍💻

🔥 Базовый курс
Для новичков и тех, кто ранее что-то пробовал верстать, но нет систематизированных знаний. На практике верстаем макеты Figma на HTML и CSS с нуля в течении месяца (+теория), а также даем еще 2 недели на верстку дипломного проекта. Все макеты отображены на сайте.

Ссылка на оплату курса 👇🏻
https://frontendblok.com/courses/html-css

🔥 Продвинутый курс
Курс для тех, кто верстал с HTML/CSS или учился на базовом курсе и хочет прокачивать свои навыки дальше. На практике создашь также 2 сайта с Gulp, SCSS и JavaScript. Все макеты отображены на сайте.

Ссылка на оплату курса 👇🏻
https://frontendblok.com/courses/advanced-html-css

Остались вопросы? Пишите в ЛС сообщества.

​​Будущее JavaScript: классы 😎

Данная статья расскажет о трех предложениях, относящихся к JavaScript-классам, которые находятся на 3 стадии рассмотрения:
1. определение полей классов
2. приватные методы и геттеры/сеттеры классов
3. статические возможности классов: статические публичные поля, статические приватные поля и статические приватные методы
Учитывая, что указанные предложения в полной мере соответствуют логике дальнейшего развития классов и используют существующий синтаксис, можно быть уверенным, что они будут стандартизированы без каких-либо серьезных изменений.

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

#javascript

Про конкуренцию в IT 👹

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

Почему это представление далеко от реальности я объяснила тут - моё видео на ТТ
(кстати если вы до сих пор не подписаны на меня, настоятельно рекомендую это сделать, потому что некоторые материалы проще выпускать в ТТ, чем на Ютуб)

Но проходит время и я выпускаю видео о том, стоит ли учить HTML верстку в 2021 году (моё видео на Youtube) и теперь я наблюдаю битву мнений:
✅ "работа есть, я круто зарабатываю на вёрстке"
✅ "работы нет, большая конкуренция, хнык-хнык"

Что отличает этих людей?

Мне кажется, картинка, которую я сделала для вас, наглядно описывает принципы мышления 👇🏻

Помните, что КОНКУРЕНЦИЯ есть везде. И не только в IT сфере. Если вы не ставите себе планку стать крутым спецом, то бояться конкуренции можно в любой сфере.

Помню, себя, когда я только начинала. У меня были намерения (пусть в чем-то и утопичные), которые двигали мной: сделать все сайты мира красивыми, чтобы перестать видеть уродство в интернет-пространстве и стать известным веб-разработчиком международного уровня. В итоге это стало реальным двигателем развиваться, искать варианты, а не ныть.

А из какого лагеря вы? Те, кто не сдается и готов бороться или те, кто обладает пораженческим мышлением?

Сегодня на нашей учебной платформе стартанули курсы по верстке, на которых обучаем HTML, CSS, Gulp и SCSS в зависимости от уровня курса 👨‍💻👩‍💻

🔥 Базовый курс
Для новичков и тех, кто ранее что-то пробовал верстать, но нет систематизированных знаний. На практике верстаем макеты Figma на HTML и CSS с нуля в течении месяца (+теория), а также даем еще 2 недели на верстку дипломного проекта. Все макеты отображены на сайте.

Ссылка на оплату курса 👇🏻
https://tpverstak.ru/training

🔥 Продвинутый курс
Курс для тех, кто верстал с HTML/CSS или учился на базовом курсе и хочет прокачивать свои навыки дальше. На практике создашь также 2 сайта с Gulp, SCSS и JavaScript. Все макеты отображены на сайте.

Ссылка на оплату курса 👇🏻
http://tpverstak.ru/training-profi

Следующий поток стартует только 1 марта, поэтому сейчас у тебя еще есть возможность попасть на наш поток, стартанувший сегодня 25 января.

Остались вопросы? Пишите мне @annblok

​​PHP 8 продолжает развитие опенсорсного языка программирования 😃

Первое за последние годы крупное обновление широко распространенного языка веб-программирования PHP принесло нам новые фичи, которые могут помочь еще больше увеличить его распространенность и востребованность. Данная статья о новинках этого языка программирования

Читать - https://habr.com/ru/company/otus/blog/538478/

#php

​​Новое в Symfony: инициатива UX — новая экосистема JavaScript для Symfony 😎

С момента своего создания JavaScript всегда был ориентирован на создание пользовательского опыта, позволяя создавать максимально интуитивно понятный и удобный UX под конкретную задачу.
Однако на практике создание отличного пользовательского опыта с помощью JavaScript не такая простая задача, связанная с выбором, настройкой и интеграцией надежных пакетов на свои страницы.
Нам нужен эквивалент Symfony Flex для JavaScript. Представляем вам Symfony UX.

Читать - https://habr.com/ru/company/otus/blog/538094/

#javascript

​​Как сократить время сборки образов Docker в GitLab CI ⏳

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

Читать - https://habr.com/ru/company/otus/blog/537780/

#work

Что нового появилось в HTML/CSS в 2021 году? 😱

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

Например, я узнала, что есть группа HTML тегов, которые заменяют одну из функций JavaScript: открытие и закрытие содержимого по клику. А вы знали?

Также в черновой версии документации w3c идет речь о scroll-timeline, который даст дополнительные возможности для анимации в CSS. Вполне вероятно, это поможет вообще не использовать JS для сложных анимаций.

Но это еще не всё!

Также я расскажу вам и о популярном Flexbox, а именно, о том, каким свойством теперь можно создавать отступы между дочерними элементами и не только…

🙄 Устал читать?
💻 Скорее смотри об 11 нововведениях HTML/CSS: https://youtu.be/tSmUhZBRVf0

Не забудь поставить лайк и подписаться на канал ❤️

​​Двоичные и побитовые операции в PHP 🐘

Наверняка вам приходилось сталкиваться, что в разных проектах приходится активно писать побитовые операции на PHP. Это очень интересное и полезное умение, которое пригодится начиная с чтения двоичных файлов до эмуляции процессоров.
В PHP есть много инструментов, помогающих манипулировать двоичными данными. Эта статья расскажет о побитовых операциях, двоичной и шестнадцатеричной обработке, которые будут полезны в ЛЮБОМ языке.

Читать - https://habr.com/ru/company/mailru/blog/538052/

#php

​​​​Server-Side Rendering с нуля до профи 😎

В данной статье будет разбираться влияние SSR на SEO оптимизацию приложения. Пройдем путь по переносу обычного React приложения на SSR. Разберем обработку асинхронных операций в SSR приложениях.
Посмотрим, как делать SSR в приложениях с Redux Saga. Настроим Webpack 5 для работы с SSR приложением. А также рассмотрим тонкости работы SSR: Генерация HTML Meta Tags, Dynamic Imports, работа с LocalStorage, debugging и прочее.

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

#work

#вакансия

Ищу веб-дизайнера для своих проектов

У меня есть 3 сайта, каждый из которых нуждается в дизайне.

✅ Сайт frontendblok.com

Это учебная платформа. Сайт постоянно развивается и нуждается в новых страничках.

✅ Сайт tpverstak.ru

Сайт, который был до появления frontendblok, но также нуждается в обновлениях. Хотела для начала обновить главную страницу. Остальные - позже.

✅ Сайт frontendhelp.me
Сайт, ориентированный на весь мир. Дизайн сделан в рамках MVP, но тяжеловесная анимация в первом блоке делает скорость загрузки медленнее черепахи. В планах обновить лендинг полностью.

⚡️ Отклики жду на почту info@frontendblok.com
✍️ Тема письма “Веб-дизайнер”

В письме напишите следующее:
1. Ссылка на портфолио;
2. Стоимость работы в час;
3. Делали ли вы дизайн для зарубежных сайтов?
4. Есть ли у вас ИП или самозанятость?
5. Заняты ли вы сейчас на каких-нибудь проектах?
6. Ссылка на вашу соцсеть (чтобы мне понимать, что ваш профиль не фейк).

Ориентирована на долгосрочное сотрудничество, надеюсь веб-дизайнер найдется 🙌

​​Конфетти на канвасе 🎉

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

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

#work

⚡️ 1 февраля стартует курс JavaScript Мастер

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

А во второй половине курса, вместе с преподавателем ты создашь пользовательский кабинет на JavaScript + NodeJS.

Записаться на курс — https://frontendblok.com/courses/javascript

​​Опасная уязвимость в популярной библиотеке Sequelize ‼️

Данная статья будет интересна тем, кто уже использует библиотеку Sequelize или же только собирается с ней работать. Здесь будет описано, чем встроенный функционал operatorAliases может быть вреден и как избежать утечки из собственной базы данных.

Читать: https://habr.com/ru/company/wallarm/blog/539630/

#javascript

⚡️ УЖЕ ЗАВТРА стартует курс JavaScript Мастер

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

А во второй половине курса, вместе с преподавателем ты создашь пользовательский кабинет на JavaScript + NodeJS.

Записаться на курс — https://frontendblok.com/courses/javascript

Если у вас остались вопросы по поводу обучения, пишите мне - @annblok

Возможна рассрочка на 2 части.

​​SEO-friendly HTML для верстальщика 🤝🏻

В данной статье собран тот объем информации, с которым необходимо познакомиться для решения SEO-задач в компании.

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

#html

​​Углублённое руководство по JavaScript: генераторы. Часть 1. 😎

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

Читать: https://habr.com/ru/company/mailru/blog/539194/

#javascript