​​Angular без zone.js: максимум производительности 👀

Angular-разработчики в большом долгу перед библиотекой zone.js. Она, например, помогает достичь в работе с Angular почти волшебной лёгкости. На самом деле, практически всегда, когда нужно просто поменять какое-нибудь свойство, и мы меняем его, ни о чём не задумываясь, Angular производит повторный рендеринг соответствующих компонентов. В результате то, что видит пользователь, всегда содержит самую свежую информацию. Это просто замечательно.

Автор исследовал некоторые аспекты того, как применение нового компилятора Ivy (он появился в Angular 9) способно значительно облегчить отказ от использования zone.js.

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

#angular

3 декабря выступлю на MoscowCSS с докладом “Рецепт востребованного верстальщика: дизайн + код”
Тема была взята благодаря вам, т.к. часто вижу рассуждения о том, нужно ли нам уметь в дизайн или можно обойтись без этого и быть просто спецом, создающим каркас изображения. Это будет мое первое выступление в оффлайне, поэтому надеюсь вы меня поддержите, даже если не будете присутсвовать там.
НО порцию билетов на митап можно поймать в следующий понедельник при последнем анонсе последнего докладчика https://moscowcss.timepad.ru/event/1105058/
Чтобы не пропустить билет, рекомендую подписаться на инст https://www.instagram.com/moscowcssmeetup, т.к. больше часа регистрация в открытом доступе не держится (расхватывают молниеносно).

​​Интересные новинки Vue 3 👽

Перевод статьи Филиппа Раковски, сооснователя VueStorefront, про новые фичи Vue 3, серьёзно влияющие на написание кода.

Читать - https://habr.com/ru/company/funcorp/blog/475968/

#vue

Черная Пятница в самом разгаре! 🔥
Скидки на всё: курсы, марафоны и ежедневник Frontend Book.

📋 Акция продлится до 1 декабря
💥 Подробнее —> http://tpverstak.ru/black-friday/

​​Обработка ошибок в Express 😎

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

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

#javascript

​​Изучить отзывчивый веб-дизайн за 5 минут 😎

Перевод статьи «Learn responsive web design in 5 minutes» автора Per.

В этой статье автор научит вас многим приёмам отзывчивого дизайна за 5 минут. Этого, очевидно, недостаточно для правильного изучения, но здесь вы найдёте обзор на следующие наиболее важные методы:

✅ Относительные единицы измерения CSS
✅ Медиа-запросы
✅ Flexbox
✅ Отзывчивая типографика

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

#work

Черная Пятница в Пятницу! 🔥
Максимальное снижение на курсы, марафоны и ежедневник.

Список ближайших стартов:
✅ Курсы по верстке (2 декабря)
✅Интенсив Wordpress Мастер (16 декабря)
✅Марафоны Grid / Flexbox / SVG (в любой день)

Ежедневник Frontend Book — отличный подарок для себя или вашему другу, который занимается веб-разработкой. Сделан с душой от фронтендера фронтендерам 🖤

📋 Акция продлится до 1 декабря
💥 Подробнее —> http://tpverstak.ru/black-friday/

Напоминаю, что еще не поздно воспользоваться акцией ⚡️ Кстати курсы, перечисленные в списке, в этом году стартуют последний раз, не упусти шанс попасть на них и начать 2020 год с новой профессией 🙈

​​Подборка креативных сайтов «Inspirational Websites Roundup #10» 🙈

Читать - https://tympanus.net/codrops/2019/11/20/inspirational-websites-roundup-10/

#design

Сегодня последний день действия Черной Пятницы! 🔥
Скидки до -50% на курсы, марафоны и ежедневник.

Список ближайших стартов:
✅ Курсы по верстке (2 декабря)
✅Интенсив Wordpress Мастер (16 декабря)
✅Марафоны Grid / Flexbox / SVG (в любой день)

Ежедневник Frontend Book — отличный подарок для себя или вашему другу, который занимается веб-разработкой. Сделан с душой от фронтендера фронтендерам 🖤

💥 Подробнее —> http://tpverstak.ru/black-friday/

​​Карта сайта как главный ориентир для пользователя 😎

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

Навигация.

Для разработки комфортной и удобной системы навигации воспользуйтесь следующими советами:
✅ Объединяйте ссылки похожей тематики в блоки.
✅ Баннеры и рекламные материалы размещайте в специально отведенном для этих целей месте на странице.
✅ Если ссылок и страниц много, оптимальным вариантом будет создание, с помощью скриптов, выпадающего меню
Карта сайта.

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

Карта сайта помогает систематизировать разделы веб-ресурса, страницы и ссылки, содержащиеся в них. Как правило, карта сайта имеет древовидную структуру, напоминающую Проводник операционной системы Windows. То есть создается список разделов веб-ресурса, нажав на которые пользователь получает доступ ко всей информации, в данный момент, находящийся на сайте.

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

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

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

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

Оптимизировать карту сайта можно как вручную, так и с помощью специализированных сервисов. Например, Google Sitemap (http://www.sitemapspal.com).

#work

​​Зачем в JavaScript нужен строгий режим? 🙈

Строгий режим (strict mode) — это важная часть современного JavaScript. Именно этот режим позволяет разработчикам пользоваться более ограниченным, чем стандартный, синтаксисом.

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

#javascript

Я уже выступила на MoscowCSS 🙌

Если вы хотите посмотреть запись, то это можно сделать тут https://www.youtube.com/watch?v=TGbNBoFJ66s

Ещё собираю свои мысли в кучу, но думаю материалы, сделанные на выступлении, смогу сформировать в какой-нибудь полезный блог 😄

Пока думаю над темой...
Есть два варианта, выберите, какая вам по душе

1) Как я все успеваю? Мой рабочий график, тайм-менеджмент, мои советы по самодисциплине
2) Нужно ли прокачивать софт-скиллы? Софт-скиллы - это навыки, связанные с коммуникациями, не основной работой в качестве веб-разработчика. Как их прокачивать?


Короткие тезисы для вас.

Хотите написать сайт с бэкендом на питоне и фронтом на Vue? Или вам нужно поднять сервер на хостинге и развернуть там созданный сайт?

Хорошие новости — на курсе "Full-stack веб-разработчик на Python" вы наработаете топ-навыки для реализации большинства запросов заказчика.
Если вы столкнетесь с новой задачей на вашем текущем проекте, вы сможете ее решить, так как на этом курсе затронуты все этапы фронт и бэкенд разработки.

На курсе вы изучите: основы HTML и CSS, Javascript и Bootstrap, основы Python, SQL, фреймворк Django, работу в Linux и разработаете финальные проекты, которые можно потом смело включать в портфолио.

🎯Узнайте больше про курс и актуальную скидку: https://clc.to/WCC4pQ

#реклама

​​Анонс поддержки ECMAScript модулей в Node.js 👀

Node.js 13.2.0 идет с поддержкой ECMAScript модулей, известных по своему синтаксису import и export. Ранее эта функциональность была за флагом —experimental-modules, который больше не требуется. Однако, реализация все еще экспериментальная и может меняться.

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

#node

​​Первое знакомство с AssemblyScript 👽

Поддержка технологии WebAssembly (Wasm) появилась в браузерах относительно недавно. Но эта технология вполне может серьёзно расширить возможности веба, сделав его платформой, способной поддерживать такие приложения, которые обычно воспринимаются как настольные.

Освоение WebAssembly может оказаться непростым делом для веб-разработчиков. Однако ситуацию способен улучшить компилятор AssemblyScript.

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

#javascript

​​Топ-5 вспомогательных инструментов для каждого веб-разработчика 😈

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

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

Читать - https://techrocks.ru/2019/11/24/5-auxiliary-tools-for-web-developers/

#work

​​Пишем собственный CLI для React 😎

Если вы делаете Ctrl+C каждый раз при создании нового компонента в реакте, то эта статья точно для вас!

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

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

#react

Как сделать кнопку наверх сайта? ☝🏻

В этом примере на видео мы разберем, как сделать популярное пользовательское действие: скролл на верх сайта по клику на кнопку. Реализуем это при помощи HTML, CSS и jQuery.

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