CodeRoll | Frontend
5.04K subscribers
1.59K photos
73 videos
1 file
899 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
При выборе языка программирования необходимо учитывать порог вхождения - количество времени и усилий, которые начинающий специалист должен в среднем затратить перед тем, как начнет писать работоспособные программы.

Python - сравнительно простой и мощный скриптовый язык с низким порогом вхождения..

JavaScript, который можно считать самым легким языком для начинающих. А еще на нем можно делать как клиентскую часть, так и серверную с помощью Node.js.

PHP – это распространенный язык программирования общего назначения с открытым исходным кодом. PHP специально сконструирован для веб-разработок и его код может внедряться непосредственно в HTML.

А еще все эти языки очень востребованы на рынке по веб-разработке!

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

#Расширения #vscode
🔥 Лучшее на канале за последнюю неделю

1) Link Hover - набор готовых решений hover эффектов для ссылок. 
2) IconHub - потрясающие большая библиотека практичных и настраиваемых иконок для веб-интерфейса.
3) Книга Веб-Разработка с применением Node и Express. Полноценное использование стека JavaScript.
4) Simplest - это шаблон для разработчиков, которые хотят запустить пользовательский интерфейс своего следующего социального веб-приложения.
5) Notie - это чистый и простой набор уведомлений, ввода и выбора для javascript, без зависимостей.

Всем успешной разработки!

#Лучшее
Intro.js - представление веб-сайтов и функций с пошаговым руководством для ваших проектов.

Основные особенности:
- Помогает создать представление Вашего продукта на сайте.
- Никаких зависимостей, быстрый и небольшой.
- Удобство для пользователя.
- Работает в Google Chrome, Mozilla Firefox, Opera, Safari и Internet Explorer.

#JavaScript
Что такое cookies и зачем они нужны?

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

Куки бывают временными и постоянными. Постоянные куки остаются на компьютере, когда мы закрываем вкладку с сайтом, а временные удаляются.

Сами по себе куки не опасны — это обычные текстовые файлы. Они не могут запускать процессы на компьютере и вообще взаимодействовать с операционной системой. Обычно информацию, которую записывают в куки, зашифровывают перед отправкой, а сами куки передают по HTTPS-протоколу.

#Статьи
uCoz – многофункциональный конструктор сайтов, который потенциально интересен: блогерам, бизнесу, креативщикам всех направлений, фрилансерам, веб-мастерам и просто новичкам, желающим попробовать свои силы в сфере создания сайтов.

Основные особенности:
– Модульная структура, позволяющая осваивать только нужное и оставлять лишнее за бортом.
– Универсальность, которая означает возможность создания любого известного типа сайтов.
– Полный доступ к редактированию исходного кода HTML, CSS, PHP, JS; работа с API, доступ к FTP.

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

#Инструменты
KeystoneJS - headless CMS для Node. Предоставляет расширяемый интерфейс администратора и мощный GraphQL API. Это мощная система, которая позволят вам создавать приложения любого типа.

KeystoneJS - это отличная серверная часть для приложений React, Vue или Angular, веб-сайтов Gatsby и Next.js, статических сайтов, мобильных приложений и многого другого.

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

Leaflet разработан с учетом простоты, производительности и удобства использования. Он эффективно работает на всех основных настольных и мобильных платформах, может быть расширен с помощью множества плагинов, имеет красивый, простой в использовании и хорошо документированный API и простой, читаемый  исходный код.

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

#Графика
Minireset.css - крошечный современный сброс CSS.

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

#CSS
Полный курс Владилена Минина по VSCode для JS разработчиков.

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

#Курсы
GitKraken — это кроссплатформенный, удобный и высокоэффективный GUI git клиент на Linux, Windows и macOS. Он поддерживает GitHub, Bitbucket и Gitlab, и конечно же позволяет работать с корпоративными репозиториями с исходным кодом.

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

#Инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Newsletter Subscribe - красивая реализация формы подписки с проверкой на корректность ввода электронной почты.

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

#Графика #Инструменты
Что такое Web Sockets?

Web Sockets — это передовая технология, которая позволяет создавать интерактивное соединение между клиентом (браузером) и сервером для обмена сообщениями в режиме реального времени. Веб-сокеты, в отличие от HTTP, позволяют работать с двунаправленным потоком данных, что делает эту технологию совершенно уникальной.

Веб-сокеты можно использовать для:
- приложения реального времени;
- чат-приложения;
- IoT-приложения;
- многопользовательские игры.

Единственный минус их использования— это несовместимость с некоторыми браузерами, но уже 95 % браузеров поддерживают веб-сокеты.

#Статьи
🔥 Лучшее на канале за последнюю неделю

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

Всем успешной разработки!

#Лучшее
Основные команды 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
Используется для отображения, создания или удаления веток

#Статьи
This media is not supported in your browser
VIEW IN TELEGRAM
Light/Dark Mode Toggle - реализация переключения между светлой и темной темой c эффектом занавеса без применения JavaScript.

#html #css
Чат для вашего сайта NodeJS + WebSockets.

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

Особенности такого решения:
- максимально быстрая скорость отклика;
- минимум нагрузок на компьютер.

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