CodeRoll | Frontend

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

Frontend React (удаленка part-time) 💻 #вакансия #react #удаленка #frontend #GraphQL Формат работы: #удаленка Занятость: part-time (от 15 часов в неделю) возможен в будущем переход на full-time Ставка: 20$ в час Компания: invme.com Сервис invme.com - это афиша и соцсеть. Здесь можно узнавать о ближайших мероприятиях в своем городе, искать и создавать события, приглашать на них других пользователей. Задачи: • Проектирование и разработка сложных веб-интерфейсов (desktop & mobile); • Интеграция с backend частью; • Рефакторинг кода; • Использовать актуальные подходы к разработке и современные технологии; • Принимать архитектурные решения; • Постоянные деплои и обновления продукта. Что нужно от вас: • Опыт коммерческой разработки на React.js от трех лет; • Умение писать понятный код; • Самостоятельность в работе и ответственность за качество своего кода; • Умение работы с типизацией. Стек технологий: FrontEnd: React (NextJs) + Hooks, Redux (Saga), Apollo GraphQL, Styled-components, React-Intl. Присылайте на lk@invme.com или @looklk резюме с небольшим письмом. Просьба посмотреть проект, перед связью со мной.

OverAPI - огромная коллекция шпаргалок и подсказок по различным языкам программирования и технологиям. Очень удобный и полезный сервис. #Инструменты

📖 JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание Автор: Кириченко А. В. О книге: 2020 год, 320 страниц, Русский язык, 29.9Mb Содержание: Данная книга посвящена тому, как на языке JavaScript создавать хороший код для фронтенда (и не только). В книге последовательно затронуты все аспекты производства JavaScript-кода: от выбора архитектуры и конструирования кода до покрытия модульными тестами, отладки, интеграционного тестирования, сборки и непрерывной поставки вашего кода. #Книги