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
This media is not supported in your browser
VIEW IN TELEGRAM
Checkbox card - классная реализация чекбоксов для выбора карточек товара на чистом CSS и HTML без использования сторонних библиотек.

#HTML #CSS
🔥 Лучшее на канале за последнюю неделю

1) PlayerJS - онлайн редактор для создания профессиональных HTML5 плееров для видео и аудио.
2) UIZER — новый плагин для Figma, Sketch и Adobe XD который умеет конвертировать скриншоты в готовый интерфейс. 
3) Книга {Вы не знаете JS}. Типы и грамматические конструкции
4) MedicApp - шаблон админ-панели для медицины и больниц.
5) MixItUp 3 - это высокопроизводительная библиотека без зависимостей для анимированных манипуляций с DOM

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

#Лучшее
Illustration Gallery - сервис с готовым набором иллюстраций в svg и png форматах, которые улучшат Ваши проекты. Можете использовать их в коммерческих или некоммерческих целях.

#Графика
Подборка курсов с Udemy, на которые сейчас проходят акции и в ограниченный срок Вы можете их забрать себе и изучать в дальнейшем!

1) Освоение Deno.js: от новичка до эксперта.
2) Освоение Фигмы: от новичка до эксперта.
3) Освойте Django, создав полный проект RESTful API.
4) Изучите MERN Stack, создав приложение Full-stack React.js, Node.js, Express.js и MongoDB.

#Курсы
Select2 - библиотека jQuery, которая дает вам кастомизировать выпадающий список в виде селекта с поддержкой поиска, тегов, удаленных наборов данных, бесконечной прокрутки и многих других часто используемых параметров.

#jQuery
Мы заметили, что в телеграме очень мало каналов по разработке личных сайтов, а если и есть - то их поймут только программисты.

Мы постараемся доносить самую свежую информацию о создании сайта, его продвижении, расскажем о последних новостях на этом рынке, как заработать на своём сайте. Именно для этого и создан канал Zapilim.

🔥 А еще объявляем конкурс на лучший логотип для канала Zapilim. Никаких ограничений вашей фантазии. Проявите свой творческий талант и получите 1000р за лучшую работу. Условия участия: быть подписанным на этот канал и наш 2 канал @zapilimweb. Заявки присылайте на @zapilimbot до 10 ноября. Победителя определим 13 ноября.

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

MelonJS интегрирует популярный формат мозаичных карт, позволяя дизайнерам легко создавать уровни с помощью редактора мозаичных карт и сосредоточиться на самих функциях игры.

#JavaScript
Какая технология позовляет исполнять файлы JavaScript асинхронно?
Anonymous Quiz
17%
Cookies
11%
Canvas
48%
Web Workers
20%
WebGL
5%
Flexbox
IconHub - потрясающие большая библиотека практичных и настраиваемых иконок для веб-интерфейса.

#Графика
📖 Веб-Разработка с применением Node и Express. Полноценное использование стека JavaScript

Автор: Браун Итан
О книге: 2017 год, 336 страниц, Русский язык, 6.65Mb

Содержание: Эта книга предназначена для программистов, желающих создавать веб-приложения (обычные сайты, воплощающие REST интерфейсы программирования приложений или что-то среднее между ними) с использованием JavaScript, Node и Express. Для чтения книги вам не потребуется опыт работы с Node, однако необходим хотя бы небольшой опыт работы с JavaScript.

#Книги
This media is not supported in your browser
VIEW IN TELEGRAM
Link Hover - набор готовых решений hover эффектов для ссылок.

#CSS #HTML
Simplest - это шаблон для разработчиков, которые хотят запустить пользовательский интерфейс своего следующего социального веб-приложения. Этот шаблон, основанный на фреймворке Uikit, без проблем работает на всех основных веб-браузерах, планшетах и ​​телефонах. 

#Шаблоны
Какой метод удаляет первый элемент из массива и возвращает его значение?
Anonymous Quiz
9%
of()
10%
isArray()
6%
values()
70%
shift()
5%
join()
Notie - это чистый и простой набор уведомлений, ввода и выбора для javascript, без зависимостей.

С помощью Notie вы можете:
- Оповещать пользователей
- Подтвердить выбор пользователя
- Разрешить пользователям вводить информацию
- Разрешить пользователям выбирать варианты
- Разрешить пользователям выбирать даты

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

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, который позволяет пользователям визуально размещать и анимировать ресурсы прямо на экране. Это означает, что вам не нужно знать ни кусочка кода.Вы сможете быстро экспортировать анимацию в несколько форматов, поэтому она будет работать практически со всеми типами мультимедиа.

#Инструменты