CodeRoll | Frontend

Чат для вашего сайта NodeJS + WebSockets. В этом курсе от GeekBrains, Вы напишете стильный, модный и молодёжный сайт на технологии, которую чаще всего используют для разработки чатов в онлайн-играх. Особенности такого решения: - максимально быстрая скорость отклика; - минимум нагрузок на компьютер. #Курсы

Light/Dark Mode Toggle - реализация переключения между светлой и темной темой c эффектом занавеса без применения JavaScript. #html #css

loldev(); — канал с мемами и юмором для программистов

Основные команды GIT Всего несколько команд нужно для базового варианта использования Git для ведения истории изменений. git init Используется для создания GIT репозитория git add Команда git add добавляет содержимое рабочей директории в индекс (staging area) для последующего коммита. git commit –m “Сообщение идущее вместе с коммитом” Используется для коммита изменений в файлах проекта. git status  Отображает список измененных файлов, вместе с файлами, которые еще не были добавлены в индекс или ожидают коммита. git clone Используется для клонирования репозитория.  git push Позволяет поместить изменения в главную ветку удаленного хранилища связанного с рабочим каталогом. git pull Используется для объединения изменений, присутствующих в удаленном репозитории, в локальный рабочий каталог. git merge Используется для объединения ветки в активную ветвь. git checkout Используется для создания веток или переключения между ними. git branch Используется для отображения, создания или удаления веток #Статьи

🔥 Лучшее на канале за последнюю неделю 1) Animatron Studio - это веб-приложение, позволяющее легко создавать анимацию. 2) 3D Icons - современные объемные иконки в высоком разрешении. 3) Minireset.css - крошечный современный сброс CSS. 4) BGJar - отличный инструмент для создания качественных SVG фонов для Вашего проекта. 5) Полный курс по VSCode от Владилена Минина для JS разработчиков. Всем успешной разработки! #Лучшее

​​Ты тоже сможешь написать свой сервис доставки еды на JavaScript 🍕 И это гораздо проще, чем ты думаешь! Присоединяйся и сделай свой Delivery Food на чистом JS всего за 4 дня. Что тебя ждет❓ ✅ 1 День — Познакомимся с переменными и запишем в них полученные элементы со страницы, с которыми будем взаимодействовать. — Реализуем авторизацию на нашем сайте (без обработки сервера) — Научимся работать с функциями и хвостовой рекурсией ✅ 2 День — Реализуем рендеринг карточек магазинов и товаров с помощью JavaScript — Познакомимся с интерполяцией, современными методами вставки элементов и верстки на страницу ✅ 3 День — Напишем функцию запроса данных, познакомимся с технологиями fetch и async/await — Напишем функционал который позволит рендерить карточки с информацией с сервера — Поработаем с дата атрибутами и деструктуризацией ✅ 4 День — Сделаем корзину товаров — Реализуем добавление продуктов в корзину, рендер списка и общую стоимость + возможность менять количество товаров в корзине — Разберемся с методом поиска в массиве и методом удаление из массива данных Жми на ссылку и получи приглашение: https://telegram.me/gloacademy_bot?start=5f935a77c176ff000d9deccb

Что такое Web Sockets? Web Sockets — это передовая технология, которая позволяет создавать интерактивное соединение между клиентом (браузером) и сервером для обмена сообщениями в режиме реального времени. Веб-сокеты, в отличие от HTTP, позволяют работать с двунаправленным потоком данных, что делает эту технологию совершенно уникальной. Веб-сокеты можно использовать для: - приложения реального времени; - чат-приложения; - IoT-приложения; - многопользовательские игры. Единственный минус их использования— это несовместимость с некоторыми браузерами, но уже 95 % браузеров поддерживают веб-сокеты. #Статьи

BGJar - отличный инструмент для создания качественных SVG фонов для Вашего проекта. #Графика #Инструменты

Нейросети некому писать! Компаниям нужно много Python-спецов, но их столько нет. Работодатели берут новичков пачками, а средняя зарплата в отрасли переваливает за 150.000р При этом Python учить просто как инглиш Если решил стать кодером с зп 300К/сек, канал Python Academy — мастхэв. Там Full-Stack разработчик делится лайфхаками и помогает шустро влиться в Python. Python Academy — 1 канал вместо 1000 учебников

Newsletter Subscribe - красивая реализация формы подписки с проверкой на корректность ввода электронной почты. #HTML #CSS #JavaScript

GitKraken — это кроссплатформенный, удобный и высокоэффективный GUI git клиент на Linux, Windows и macOS. Он поддерживает GitHub, Bitbucket и Gitlab, и конечно же позволяет работать с корпоративными репозиториями с исходным кодом. Основные особенности: - Визуальное взаимодействие и подсказки; - Поддержка нескольких профилей; - Поддерживает кнопки отмены и повтора функции; - Быстрый и интуитивно понятный интерфейс поиска; - Легко адаптируется к рабочей области пользователя, а также поддерживает подмодули и Git-flow; - Интегрируется с аккаунтами на GitHub или BitBucket; - Горячие клавиши и многое другое. #Инструменты

🔥 Новости от команды Лектрума🔥 Конец октября будет интересным и полезным об этом нам рассказали в Лектруме. Ребята будут проводить два онлайн-ивента в 19:30 по Киеву и 20:30 по Москве.  Для всех бесплатно! А кто хочет всего и побольше есть пакет «Расширенный» и там профита в разы больше. 💪 Выбирайте интересную тему и нажимайте на кнопки для регистрации ⬇️⬇️⬇️ 💥 27 октября вебинар «Знакомство с профессией JavaScript⁠-⁠разработчика» 💥 28 октября воркшоп «React на практике: киноафиша» Лектрум всегда готов прокачать на новый уровень!

Полный курс Владилена Минина по VSCode для JS разработчиков. Внутри все, что нужно для комфортной и быстрой разработки в этом редакторе: все меню, клавиши, темы, настройки, расширения, сниппеты, работа с Git, дебаг и многое другое. #Курсы

Minireset.css - крошечный современный сброс CSS. Цель сброса стилей состоит в том, чтобы уменьшить разность отступов, размеров шрифтов заголовков и т.д. заданных по умолчанию в разных браузерах. #CSS

Хочешь узнать больше о разработке мобильных приложений? 🙋 Тогда обязательно подпишись на канал @mobile_pet! На этом канале автор  ✅ рассказывает о создании приложений для iOS и Android от идеи до релиза ✅ раскладывает по полочкам все связанные процессы ✅ показывает результаты на примере реальных проектов ✅ обсуждает код, дизайн, тестирование, инструменты разработки, автоматизации и другие актуальные темы. Канал будет интересен как опытным айтишникам, так и начинающим!  Подписывайся 👉 @mobile_pet

3D Icons - современные объемные иконки в высоком разрешении. Огромная коллекция из 1240 иконок с изящным стилем 3D-дизайна, размером 4000x4000px и предоставленная в прозрачных файлах PNG. #Графика

Leaflet - это ведущая библиотека JavaScript с открытым исходным кодом для интерактивных карт. При весе всего около 39 КБ JS он имеет все функции сопоставления, которые когда-либо нужны большинству разработчиков. Leaflet разработан с учетом простоты, производительности и удобства использования. Он эффективно работает на всех основных настольных и мобильных платформах, может быть расширен с помощью множества плагинов, имеет красивый, простой в использовании и хорошо документированный API и простой, читаемый  исходный код. #JavaScript

Webchic - отбор качественных материалов(en/rus) по веб разработке с уклоном на фронтенд: -- nodejs -- webpack -- css -- javascript -- собеседования -- CI/CD -- архитектурные решения -- алгоритмы

KeystoneJS - headless CMS для Node. Предоставляет расширяемый интерфейс администратора и мощный GraphQL API. Это мощная система, которая позволят вам создавать приложения любого типа. KeystoneJS - это отличная серверная часть для приложений React, Vue или Angular, веб-сайтов Gatsby и Next.js, статических сайтов, мобильных приложений и многого другого. #CMS

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