​​Как система типов улучшает ваш код на JavaScript 😈

Vanilla JavaScript не типизирован по своей натуре. Можно даже назвать его «умным», поскольку он способен вычислить, что является числом, а что строкой.
Это упрощает запуск JavaScript кода в браузере или при работе Node.js. Однако он уязвим для многочисленных ошибок во время исполнения (рантайм), которые могут испортить ваш пользовательский опыт использования.
Если с вами когда-либо случалось то, что будет описано в сатье, то вы только выиграете, если будете применять систему типов.

Читать - https://medium.com/webbdev/js-1e7638e524

#javascript

​​Элементы CSS: селекторы и позиционирование c примерами 👽

Не знаете, как работают элементы CSS? Пора освоить все виды селекторов и позиционирование на странице. В статье разбираются наглядные примеры.

Читать - https://proglib.io/p/css-handbook/

#css

​​Как создать форму оценки пароля с индикацией сложности 🙈

Автор статьи знакомит нас с реализацией измерителя надежности пароля, используя, вероятно, семантически лучший вариант.

Читать - https://css-tricks.com/password-strength-meter/

#work

​​8 концепций, которые стоит изучить начинающему программисту 😎

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

Читать - https://techrocks.ru/2019/05/18/things-every-software-developer-should-know/

#work

​​Играем в консоли браузера 😈

сonsole.log() — хороший метод, чтобы вывести отладочную информацию в веб-консоль. Можно выводить числа, строки, массивы, объекты, функции, обычный текст, к тому же, ко всему этому можно добавлять форматирование, цвет, фон и вообще довольно много других стилей… И это всё? Это всё, что может один этот метод? Ну… А как насчет реализации в консоли простого платформера, алгоритма Ray casting или физики ткани?

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

#work

​​Введение в Webpack для новичков 😎

Webpack — это инструмент, позволяющий скомпилировать, например, JavaScript модули в единый JS-файл. Webpack также известен как сборщик модулей.
При большом количестве файлов он создает один объемный файл (или несколько файлов) для запуска вашего приложения.

Читать - https://medium.com/nuances-of-programming/%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B2-webpack-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%BE%D0%B2%D0%B8%D1%87%D0%BA%D0%BE%D0%B2-6cafbf562386

#work

​​Next.js — Server Side Rendering для React приложений 👽

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

Читать - https://medium.com/@ivaneroshkin/next-js-server-side-rendering-%D0%B4%D0%BB%D1%8F-react-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9-f5f61e20dc8c

#react

​​Apollo управление состоянием в приложениях Vue 🙈

Ранее существовала библиотека apollo-link-state для управления локальными данными. Но начиная с релиза Apollo 2.5 она нам больше не нужна, потому что эта функциональность теперь является частью ядра Apollo. Таким образом, мы можем просто управлять локальным состоянием без добавления каких-либо новых зависимостей.

Читать - https://webdevblog.ru/apollo-upravlenie-sostoyaniem-v-prilozheniyah-vue/

#vue

​​Swiper - jQuery слайдер 😎

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

Смотреть - https://idangero.us/swiper

#work

​​Руководство по выживанию веб-девелопера: основы DNS 😎

Каждый Web-разработчик должен знать основы DNS для понимания, диагностики, исправления и предупреждения неисправностей, — пишет proglib.io в своем переводе статьи "The Web Developer’s Guide to DNS".

Читать - https://techrocks.ru/2019/05/16/dns-basics-for-web-developers/

#work

​​Производительность анимаций на сайтах 😈

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

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

#work

​​Плиточная раскладка на CSS Flexbox с помощью order и :nth-child() 😎

Эта статья показывает то, как сделать плиточную раскладку на CSS Flexbox, имея под рукой только стандартные возможности CSS и ничего более. Она хороша тем, что показывает подводные камни работы с флексами и даёт понять суть их работы с другого ракурса.

Читать - https://medium.com/@stasonmars/%D0%BF%D0%BB%D0%B8%D1%82%D0%BE%D1%87%D0%BD%D0%B0%D1%8F-%D1%80%D0%B0%D1%81%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-%D0%BD%D0%B0-css-flexbox-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-order-%D0%B8-nth-child-6cc2a76c9aba

#css

​​Основы Three.js: коллекция статей, советов и рецептов с интерактивными примерами 🙈

Смотреть - https://threejsfundamentals.org

#javascript

Как оформить профиль на Linkedin, если ты программист? 😎

В видео мы пройдемся по всем пунктам профиля:
— Шапка профиля
— Аватар
— Должность
— Локация
— Короткое описание
— Опыт работы
— Образование
— Навыки
— Рекомендации
— Волонтёрский опыт
— Достижения
— Интересы

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

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

Оставить комментарий — https://youtu.be/M-a6yQlaIYs

​​Практическое руководство по JavaScript Proxy 😎

Около полудюжины примеров, которые убедят вас в том, что Proxy обеспечивает мощное метапрограммирование в Javascript.

Читать - https://blog.bitsrc.io/a-practical-guide-to-es6-proxy-229079c3c2f0

#javascript

​​10 книг, рекомендуемых для изучения JavaScript 😎

JavaScript это легковесный язык программирования, но, тем не менее, один из самых мощных.
Его использование в Интернет стремительно растет, он очень популярен среди веб-разработчиков. В настоящее время у JavaScript больше всего активных проектов на GitHub.
Для веб-разработчика, желающего выжить в мире Интернет, важно иметь навыки работы с JavaScript.
Перед вам список из 10 книг, рекомендуемых для изучения этого языка программирования. Они помогут вам улучшить свои навыки веб-разработки.

Смотреть - https://techrocks.ru/2018/04/20/10-recommended-javascript-books/

#javascript

​​Индикатор загрузки на CSS 👽

Инструкция, как создать на чистом CSS индикатор загрузки.

Читать - https://glennmccomb.com/articles/building-a-pure-css-animated-svg-spinner/

#css

​​Vue.js и SEO: как оптимизировать реактивные сайты для поисковых систем и ботов 😎

Индексируются ли сайты, созданные с помощью реактивных фреймворков, Google и другими поисковыми системами? Обязательно ли настраивать предварительный рендеринг, как советуют SEO-консультанты? Или они не правы? Не знаете ответы на эти вопросы?! Тогда эта статья для вас.

Читать - https://webdevblog.ru/vue-js-i-seo-kak-optimizirovat-reaktivnye-sajty-dlya-poiskovyh-sistem-i-botov/

#vue

​​Как сделать из сайта приложение и выложить его в Google Play за несколько часов 👽

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

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

#work

Первый отзыв о марафоне Grid CSS от Влада @vladpovelitsa 😊@vladpovelitsa 😊

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

Начать заниматься — http://tpverstak.ru/grid-marathon/