​​React-компоненты шаблонов проектирования 😃

Эта документация поможет найти компромиссы между различными шаблонами (patterns) React, а также определить, когда использование каждого из них будет наиболее целесообразным. Некоторые из этих шаблонов помогут решить проблемы, которые возникают в больших React приложениях, таких как пробрасывание (prop drilling) или управление состоянием.

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

#work

​​Думаешь, что стать программистом сложно? Только не с обучающим курсом от Skillbox!

Если ты никогда не занимался программированием, курс «Профессия Go-разработчик» станет отличным стартом твоей карьеры!

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

Пройдя обучение, ты получишь диплом и возможность стажировки в крупной международной компании.
Регистрируйся пока есть скидки до 60% на обучение!

Не упусти свой шанс, оставляй заявку по ссылке  ▶️

​​5 HTML-трюков, о которых никто не говорит 😉

Все веб-разработчики широко используют HTML, независимо от того, какой фреймворк или серверный язык используется. Фреймворки и языки программирования могут приходить и уходить, но HTML никуда не денется. Но, несмотря на такое широкое использование, всё ещё есть теги и свойства, о которых большинство разработчиков не знают.

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

#html

​​Ховеры бывают разные 👆🏻

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

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

#css

​​Веб-компоненты проще, чем вы думаете 😃

Данная статья рассказывает об создании и использовании веб-компонентов в Ваших проектах и подробно разбирает их структуру.

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

#html

Ребятки, сейчас все сайты не работают:
> https://frontendblok.com/
> https://cabinet.frontendblok.com/
> https://frontendhelp.me/

Общаюсь с техподдержкой, выясняем в чем причина. На этом пока вся информация. Спасибо, что пишите и переживаете. Восстановим всё, как можно скорее.

Работа сайтов восстановлена 🥳

​​7 вопросов про замыкания в JavaScript 😎

Каждый разработчик JavaScript должен знать, что такое замыкание (closure). Во время собеседования по кодированию JavaScript есть большая вероятность, что вас спросят о концепции замыкания.
Данная статья представляет список из 7 интересных и наиболее сложных вопросов по замыканиям в JavaScript.

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

#javascript

​​Символы Unicode: о чём должен знать каждый разработчик 😎

Если вы пишете международное приложение, использующее несколько языков, то вам нужно кое-что знать о кодировке. Она отвечает за то, как текст отображается на экране. Статья расскажет об истории кодировки и о её стандартизации, использовании.

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

#html

​​Рендеринг в веб 😎

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

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

#work

⚡️ Vite 2.0 - cверхбыстрый инструмент сборки веб-приложений Vue, React, Svelte

В этом видео я расскажу о том, что такое Vite, как запустить с его помощью шаблоны Vanilla, Vue, React, Svelte и пр., а также сравним скорость сборки с Vue CLI.

✅ Смотреть - https://youtu.be/zDIEiiZh0i8

Vite - был создан Эваном Ю (создатель Vue) и ранее представлялся, как альтернатива для сборки Vue, но с выходом Vite 2.0 он стал самостоятельным инструментов сборки для разных шаблонов.

Уже пробовали на практике Vite? А если нет, то обязательно попробуйте, хотя бы из интереса 🤗

Надеюсь, видео поможет вам познакомиться с ним. Обязательно поставьте лайк и оставьте комментарий на Youtube, чтобы больше людей могло познакомиться с новым инструментом ❤️

​​Нам точно нужен фреймворк? 🤔

К 2021 году появилось много статей о том, что фреймворки не нужны и не стоит делать из них культ. Зависимость от фреймворка затрудняет процессы рефакторинга и тестирования, часто негативно влияет на выстраивание бизнес-логики приложения. Но во всём нужен разумный подход. В статье рассказываетc о том, какие вопросы должен задать себе разработчик, прежде чем выбрать фреймворк или отказаться от фреймворков вообще.

Читать: https://habr.com/ru/company/oleg-bunin/blog/505172/

#work

​​Еще один подход к построению архитектуры на фронте😃

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

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

#work

​​Дорожная карта для разработчиков Node.js на 2021 год 😎

Node.js изменил правила игры с момента его выпуска и даже крупные компании, такие как Uber, Medium, PayPal и Walmart, перешли на Node.js. На этой платформе можно создавать действительно мощные приложения, отслеживание в реальном времени, движки видео- и текстового чата, приложения для социальных сетей и т. д. Владение Node.js становится одним из самых крутых навыков для разработчиков. В статье предложен план развития для разработчиков на Node.js

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

#work

​​14 полезных инструментов, ускоряющих и упрощающих веб-разработку 😃

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

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

#work

​​Где поместить свой сервер, чтобы обеспечить максимальную скорость? Насколько это важно?🤔

Где поместить свой сервер, чтобы обеспечить максимальную скорость? Помимо времени, необходимого серверам для ответа на запросы, требуется время просто для доставки пакета из пункта А в пункт Б.

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

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

#work

​​Фреймворк Webix Jet глазами новичка. 😃

В этой публикации будет подробно рассмотрено создание приложения с использованием архитектуры и возможностей фреймворка Webix Jet, а также какие преимущества это дает. Статья будет полезна как для тех кто уже знаком с Webix UI, так и для новичков, ведь код библиотеки интуитивно понятен и удобен в использовании.

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

#work

Выходные - это время, чтобы поверстать новый макет 😏

В новом видео мы верстаем макет Figma с использованием Pug и SCSS в VS Code. Видео состоит из 6-ти частей.

✅ Смотреть - https://youtu.be/ICj4lMwdiVk

⚡ Также в рамках видео проводится конкурс с возможностью выиграть 5000 рублей и опубликовать свою ссылку с версткой прямо в описание к видео!

Что нужно сделать?
Cкидывайте ваши варианты сверстанного адаптива этого макета ссылкой на Github или Gitlab (архивы не принимаю) на почту info@tpverstak.ru с темой письма АДАПТИВ САЙТА. Работы принимаются до 18 апреля включительно.

После 18 апреля мы подведем итог.
Я выберу несколько работ и далее мы вместе определимся с победителем, если выбрать будет сложно среди нескольких вариантов. Если работ будет мало за это время, сделанные тяп-ляп, то конкурс аннулируется. Цель конкурса показать альтернативное видение сверстанного сайта.

#версткасайта

​​Python & EEL. Просто на Python’е, красиво на JS 🐍

Тема красивых интерфейсов была и будет актуальна всегда. Существуют различные технологии, позволяющие совмещать красоту графических дизайнов, создаваемых на HTML, CSS и JS с гибкостью в реализации логики приложения, которую может дать другой язык. Для тех, кто пишет на Python, есть возможность писать красивые интерфейсы на HTML, CSS и JS и прикручивать к ним логику на Python. В этой статья на небольшом примере будет показано, как создать простое и красивое десктопное приложение на HTML, CSS, JS и Python.

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

#javascript

12 апреля стартуют курсы по верстке 🔥

Базовый и продвинутый курсы длятся по 1 месяцу (теория и верстка учебного макета) + 2 недели верстка дипломного проекта:
✅ https://frontendblok.com/courses/html-css
✅ https://frontendblok.com/courses/advanced-html-css

Кому стоит идти на базовый курс?

Этот курс для тех, кто хочет с нуля научиться верстать сайты, изучив на практике HTML и CSS. Макеты представлены в приложении Figma. Заранее изучать ничего не нужно, всю теоретическую базу мы представляем во время обучения.

Кому стоит идти на продвинутый курс?

Этот курс для тех, кто ранее уже верстал сайты, но хотел бы прокачать скилл. На практике мы используем Gulp, HTML и SCSS (CSS-препроцессор). Макеты представлены в приложении Photoshop.