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
MoreToggles - замечательная библиотека с огромной коллекцией готовых стильных переключателей на чистом CSS с простым масштабированием.

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

1) Iconly 2 - 500+ бесплатных иконок для вашего проекта в 5 стилях.
2) Гайд по первичной SEO-оптимизации проекта.
3) Iconate.js - библиотека JavaScript, которая добавит вашим статичным шрифтовым иконкам крутой анимации.
4) SpinKit - простые загрузочные спиннеры, анимированные с помощью CSS.
5) Happy Hues - это сайт для вдохновения цветовой палитры.

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

#Лучшее
Giggl - это бесплатный общедоступный браузер, упрощающий общение с друзьями, командами и авторами. Устраивайте встречи, смотрите фильмы, играйте в игры, общайтесь с любимыми авторами
и многое другое.

#Инструменты
UIZER — новый плагин для Figma, Sketch и Adobe XD который умеет конвертировать скриншоты в готовый интерфейс. 

#Инструменты #Графика
PlayerJS - онлайн редактор для создания профессиональных HTML5 плееров для видео и аудио. Плеер собирается из модулей в один файл, который можно скачать и автономно установить на свой сайт, либо загружать из облака.

Большое количество модулей, интеграций и шаблонов, чтобы все работало из коробки и без ошибок.

#JavaScript #Инструменты
MedicApp - шаблон админ-панели для медицины и больниц.

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

Все стили полностью разработаны с помощью SCSS, их легко понять и настроить.

#Шаблоны
Какой метод проверит, содержит ли массив [12, 4, 50, 1, 0, 18, 40] элементы, равные нулю?
Anonymous Quiz
11%
flat()
3%
push()
9%
sort()
28%
some()
49%
filter()
Requests - это элегантная и простая HTTP-библиотека для Python, созданная для людей.

Библиотека позволяют очень легко отправлять запросы HTTP / 1.1. Нет необходимости вручную добавлять строки запроса к вашим URL-адресам или кодировать данные POST. Сохранение активности и пул HTTP-соединений на 100% автоматические.

#Python
Базы данных NoSQL используют разнообразные модели данных для доступа к данным и управления ими. Базы данных таких типов оптимизированы для приложений, которые работают с большим объемом данных, нуждаются в низкой задержке и гибких моделях данных.

Основные особенности:
- Гибкость. Благодаря использованию гибких моделей данных БД NoSQL хорошо подходят для частично структурированных и неструктурированных данных.
- Масштабируемость. NoSQL рассчитаны на масштабирование с использованием распределенных кластеров аппаратного обеспечения, а не путем добавления дорогих надежных серверов.
- Высокая производительность. Базы данных NoSQL оптимизированы для конкретных моделей данных и шаблонов доступа, что позволяет достичь более высокой производительности по сравнению с реляционными базами данных.
- Широкие функциональные возможности. NoSQL предоставляют API и типы данных с широкой функциональностью, которые специально разработаны для соответствующих моделей данных.

#Статьи
Dinero.js - это библиотека для работы с денежными значениями в JavaScript.

Особенности библиотеки:
- Неизменяемый и объединяемый в цепочки API.
- Поддержка глобальных настроек.
- Расширенные возможности форматирования и округления.
- Встроенная поддержка Intl (без дополнительных файлов локали).
- Обмен валюты.

#JavaScript
📖 {Вы не знаете JS}. Типы и грамматические конструкции

Автор: Кайл Симпсон
О книге: 2019 год, 240 страницы, Русский язык, 18Mb

Содержание: Каким бы опытом программирования на JavaScript вы ни обладали, скорее всего, вы не понимаете язык в полной мере. Это лаконичное руководство исследует типы более глубоко, чем все существующие книги: вы узнаете как работают типы, о проблемах их преобразования, и научитесь пользоваться новыми возможностями. Как и в других книгах серии «Вы не знаете JS», здесь рассматриваются нетривиальные аспекты языка, от которых программисты javascript предпочитают держаться подальше (или полагают, что они не существуют).

#Книги
В этом курсе, от Александра Дергунова, вы освоите создание CRM на основе Nuxt.js.

Nuxt.js — это инфраструктура, которая помогает вам легко создавать серверные приложения Vue.js. Он абстрагирует большую часть сложной конфигурации, связанной с управлением такими вещами, как асинхронные данные, промежуточное программное обеспечение (middleware) и маршрутизация.

#Курсы
💡 Методы some() и filter()

Давайте поговорим о предыдущей викторине. Многие жалуются, что был некорректно поставлен вопрос и возможно 2 ответа. Давайте разбираться, так ли это?

Дан массив const arrNum = [12, 14, 50, 1, 0, 18, 40]

/*-------------some()-------------*/
Метод some() проверяет, удовлетворяет ли какой-либо элемент массива условию, заданному в передаваемой функции.

arrNum.some(element => element === 0)
Произойдет проверка на наличие элемента 0 в массиве arrNum и вернет true

/*-------------filter()-------------*/
Метод filter() создаёт новый массив со всеми элементами, прошедшими проверку, задаваемую в передаваемой функции.
arrNum.filter(element => element === 0)
Будет создан новый массив с новым элементом [0]

Следовательно, это 2 разных метода. Один делает проверку на наличие элементы, а второй создает новый массив с этим элементом.

Не до конца понял? Пиши в чат!

#МиниУрок #JavaScript
MixItUp 3 - это высокопроизводительная библиотека без зависимостей для анимированных манипуляций с DOM, которая дает вам возможность фильтровать, сортировать, добавлять и удалять элементы DOM с красивой анимацией.

#JavaScript
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