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
📖 {Вы не знаете 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
Какая технология позовляет исполнять файлы 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, без зависимостей.

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

#Лучшее