CodeRoll | Frontend

Effector - стейт-менеджер, который активно развивается и поддерживает множество фреймворков. Одни из них React, React Native, Vue, Svelte. #JavaScript

Новости от ребят из Лектрума 🔥 Превратим вёрстку в живое приложение 26 августа (среда) 💪 Регистрация на воркшоп и выбор пакета участия на сайте → https://lectrum.link/ejs7RO Этот воркшоп для вас, если вы: ✔️ Знакомы с вёрсткой и заинтересованы покорить JavaScript ✔️ Работаете верстальщиком и планируете прокачаться до уровня JavaScript-разработчика ✔️ Планируете построить хороший фундамент по теме программирования в JavaScript ✔️ Стремитесь закрыть пробелы в знаниях и прокачаться на 100% Ждём всех 🤗 Разминаем пальчики и в бой! 🚀

Parcel — маленький и быстрый бандлер, позиционируется как решение для маленьких проектов. Основные особенности: - Невероятно быстрое время сборки - многоядерная компиляция и кеш файловой системы для быстрого восстановления даже после перезапуска. - Готовая поддержка JS, CSS, HTML, файловых ресурсов и т. д. - никаких плагинов для установки. - Автоматически преобразует модули, используя Babel, PostCSS и PostHTML, когда это необходимо - даже  node_modules. - Разделение кода нулевой конфигурации с помощью динамических import() операторов. - Встроенная поддержка горячей замены модуля - Удобный способ регистрации ошибок - выделенные синтаксисом кодовые фреймы помогают выявить проблему. #Инструменты

85% людей, не знают о пользе IT-сервисов, а Вы? Большинство людей пользуются только соцсетями, сервисами заказа еды или такси, а о пользе других IT-сервисов, они даже не знают.. В современном мире без IT - невозможно жить! Всего 15% людей используют IT-сервисы, которые помогают им стать эффективнее в работе, бизнесе или учебе, а также сэкономить массу времени и денег! Канал GIT - это сборник полезных IT-сервисов, с помощью которых вы достигните максимальных результатов в своих делах! Подписывайтесь сейчас - улучшите жизнь с помощью IT

Памятка по современному JavaScript В этом документе собраны возможности языка JavaScript, с которыми вы наверняка столкнетесь в современных проектах и примерах кода. Цель этого руководства — не обучить вас JavaScript с нуля, а помочь разработчикам с базовыми знаниями, которые при изучении современных кодовых баз (или, скажем, React) сталкиваются со сложностями из-за использованных в них концепций JavaScript. #javaScript

Подготовили для Вас небольшой чек-лист по оптимизации проекта для более быстрой загрузки. Основные советы по оптимизации: - Включите gzip-сжатие, если это возможно. - Используйте оптимизацию изображений. - Минимизируйте CSS и JavaScript - Удалите неиспользуемый код CSS и JavaScript - Используйте CDN - Отложите загрузку низкоприоритетного контента, используя функцию ленивой загрузки. - Уменьшить количество запросов, удалив то, что не влияет на работу сайта. - Протестируйте Ваш сервер, его работа тоже влияет на время загрузки - Проверьте время загрузки внешних скриптов и если они долго загружаются, добавьте им параметр async #Статьи

Web Developer - это не просто расширение для Chrome, а целый набор полезных инструментов для управления элементами сайта — например, для анализа веб-ресурсов и макетов, тестирования кода и мгновенного изменения параметров и внешнего вида страницы. #Инструменты

Meteor - это платформа с открытым исходным кодом для браузеров, мобильных устройств и настольных компьютеров, которую используют более полумиллиона разработчиков по всему миру, чтобы сделать разработку приложений на JavaScript простой, эффективной и масштабируемой. Основные преимущества: - Удобное асинхронное серверное программирование благодаря встроенному Fibers. - Отлично спроектированная абстракция для работы с данными через коллекции. - Абстракция для вызова серверных методов, выглядящая как вызов асинхронной функции с callback'ом. - Удобный деплой приложений. - Протокол DDP, призванный заменить REST API. Это очень простой но мощный протокол, основанный на EJSON (расширенный JSON). DDP поддерживает RPC и двустороннюю передачу данных, работает поверх WebSockets и SockJS. - Best practices enforcement. HTML, CSS, LESS или coffeescript должны быть валидными (иначе проект не скомпилируется), чёткое разделение между шаблонами (spacebars — наследник handlebars), css и js. #javascript #framework

На канале наших друзей - Просто: разработка, мы нашли интересный пост о том как реализовать интересную анимацию для ссылок на чистом CSS. Забираем в коллекцию! #CSS

CMS 1C-Битрикс: управление сайтом В этом видео-курсе Вы познакомитесь с одной из наиболее популярных CMS Рунета – 1С-Битрикс: Управление сайтом. Из видео вы узнаете о Битриксе, о плюсах и минусах этой CMS, о том, какие типы сайтов можно сделать под управлением данной CMS. #Курсы

Vectry Icons - высококачественный бесплатный набор интерфейсных иконок для Вашего проекта. В комплекте 20 иконок в SVG формате. #Графика

Squircley - это онлайн инструмент, который умеет создавать красивые геометрические формы, готовые к использованию для логотипов, значков и фоновых изображений. Генератор экспортирует файлы SVG, которые можно скопировать прямо в буфер обмена для добавления в HTML/CSS или загрузить на свой компьютер, готовые к использованию в выбранном вами программном обеспечении для дизайна (Figma, Sketch, Framer, XD и т.д.) #Инструменты

Sal.js - ориентированная на производительность, легкая (менее 2,8 КБ) библиотека анимации прокрутки, написанная на ванильном JavaScript. Никаких зависимостей! Sal ( Библиотека анимации прокрутки ) была создана, чтобы предоставить эффективное и легкое решение для анимации элементов при прокрутке. Он основан на Intersection Observer , который обеспечивает потрясающую производительность с точки зрения проверки наличия элемента в области просмотра. #javascript

Прояви себя в «цифре» — участвуй в Онлайн-Хакатоне Южного IT-хаба России! 🚀 21-23 августа участники будут решать на выбор один из 10 представленных кейсов от: Почты России, ПАО «Ростелеком», АНО «Агентство инноваций Ростовской области», Госкорпорации «Росатом», ПАО «Россети», РИНХ, Администрации Новороссийска, Министерства ЖКХ Ростовской области, Фонда содействия развитию современных информационных технологий и цифровизации экономики «Атом», аналитической платформы Yoloco 🏆 Призовой фонд хакатона составит 3.000.000 ₽ Успей зарегистрировать до 16 августа, собирай команду и создай свое крутое IT-решение! 💫 Подробности: https://leadersofdigital.ru/event/63005

🔥 Лучшее на канале за последнюю неделю 1) Candy Color Button Animation - замечательная коллекция анимированных кнопок на чистом CSS. 2) SQLBolt - сервис интерактивных уроков и упражнений, призванных помочь вам быстро изучить SQL. 3) Книга: JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание 4) OverAPI - огромная коллекция шпаргалок и подсказок по различным языкам программирования и технологиям. 5) CodeCombat - это многопользовательская игра, позволяющая научиться программировать. Рекомендуйте наш канал, по возможности, друзьям. Всем успешной разработки! #Лучшее

Jumping Gooey Navigation. Крутая реализация анимированной навигации с применением технологии GSAP и MotionPathPlugin от Green Sock. #html #css #javascript

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

Принципы программирования. Хорошее написание кода - это главный принцип, где сам код может быть обновлен и изменен, даже если эти изменения будет вносить другой человек. Важно понимать и применять следующие принципы в программировании:  1. SOLID (принцип единственной ответственности, принцип открытости/закрытости, принцип подстановки Барбары Лисков, принцип разделения интерфейса, принцип инверсии зависимостей). 2. KISS («Придерживайся простоты»). 3. YAGNI («Тебе это не понадобится»). 4. DRY («Не повторяйся»). 5. Композиция важнее наследования. 6. Разделение ответственности. 7. Избегай преждевременной оптимизации. 8. Рефакторинг, рефакторинг, рефакторинг. 9. Чистый код лучше, чем хитроумный код. 10. Бритва Оккама (Преимущества перевешивают недостатки?) 11. Принцип наименьшего удивления (При выборе имен надо следить за тем, чтобы они отражали сущность объектов). 12. Закон Деметры (Разделение ответственности между классами). Постепенно мы рассмотрим все эти принципы. #Статьи

Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты. Nuxt разработан на основе мощной модульной архитектуры. Более 50 разнообразных модулей сделают разработку проще и быстрее. Оптимизирует ваше приложение сразу из коробки. #JavaScript #Vue #Node #Framework