CodeRoll | Frontend
Открыть в Telegram
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
Больше4 211
Подписчики
-1724 часа
-237 дней
-6130 день
Архив постов
4 210
🔥 Лучшее на канале за последнюю неделю
1) vscode-icons - это расширение очень простое, которое делает ваш VS Code более красивым с огромным списком значков для разных форматов файлов.
2) Вёрстка - это просто, если... - 10 главных навыков, которыми должен обладать верстальщик.
3) Hexo - быстрый, простой и мощный фреймворк для блогов на node.js.
4) 10 команд curl, которые вам следует знать.
5) CSS filter Editor - реализация фильтра на JS по наложению CSS эффектов на изображение.
Всем успешной разработки!
#Лучшее
4 210
Calcolor - онлайн-инструмент, который поможет выяснить всю информацию о цвете, начиная от его кода и заканчивая оттенками.
#инструменты
4 210
Words To Numbers - интересная библиотека JavaScript для распознавания и конвертирования слов в числа. Если переданная строка является числом, она возвращает ее числовое значение, в противном случае возвращает начальную строку со всеми случаями замены чисел.
#javascript
4 210
Vuelidate - Минималистичная библиотека, без зависимостей, для валидации форм на Vue.JS
Основные особенности:
- Поддержка проверок коллекций.
- Поддержка вложенных моделей.
- Контекстные валидаторы.
- Легко использовать с настраиваемыми валидаторами (например, Moment.js).
- Поддержка композиции функций.
- Проверяет различные источники данных: геттеры Vuex, вычисленные значения и т.д.
- Высокое тестовое покрытие.
#vue
4 210
Научись создавать крутые сайты и приложения! Присоединяйся к бесплатному интенсиву в Skillbox и сделай 3 проекта за один день!
Скорее регистрируйся: 🔜 https://clc.am/lNkv7A
🔥 Мы подготовили для тебя мощную программу и много практики!
⚡️ Узнаешь всё о профессии frontend-разработчика.
⚡️ Научишься вёрстке сайтов и анимации.
⚡️ На практике создашь свой первый проект — адаптивный сайт, который превратишь в приложение для смартфонов и ПК.
💬 Спикеры вебинара: технический директор Beta Глеб Михеев и frontend team-lead инвестиционного маркетплейса Московской биржи Сергей Корниенко.
Присоединяйся к прямому эфиру 30 января с 12:00 до 19:00 по московскому времени!
4 210
GIPHY API - с помощью этого интерфейса, можно легко взаимодействовать с самой большой в мире библиотекой GIF и стикеров.
У бета-ключей, скорость ограничена (50 операций чтения в час и 100 запросов / вызовов API в день).
#api
4 210
CSS filter Editor - реализация фильтра на JS по наложению CSS эффектов на изображение. на борту большое кол-во различных эффектов.
#css #javascript
4 210
Начни карьеру востребованного Frontend-разработчика с опытными наставниками из JM. Гарантированное трудоустройство в IT и оплата только за результат, когда начнешь работать.
Пройти входное тестирование: https://clck.ru/Sz75z
Тебя ждет высокая зарплата в топовых компаниях Москвы и минимум 10 предложений о работе. А еще 2 года карьерной поддержки с бесплатным участием в онлайн и оффлайн мероприятиях от экспертов IT-рынка для твоего быстрого карьерного развития.
4 210
Snowpack - это молниеносный инструмент для сборки интерфейса, созданный для современной разработки. Это альтернатива более тяжелым и сложным пакетам, таким как webpack или Parcel.
Snowpack использует собственную модульную систему JavaScript (известную как ESM), чтобы избежать ненужной работы и работать быстрее, независимо от того, насколько большой ваш проект.
#инструменты
4 210
10 команд curl, которые вам следует знать.
Команда Mail.ru Cloud Solutions перевела статью, автор которой составил краткий справочник часто используемых команд curl для протоколов HTTP/HTTPS. Это не замена официального руководства по cURL, скорее, краткий конспект.
#статьи
4 210
vscode-icons - это расширение очень простое, но очень крутое, потому что делает ваш VS Code более красивым с огромным списком значков для разных форматов файлов. Замечательной функцией этого расширения является то, что папки могут изменять значки в соответствии с именем, эта функция может быть очень полезной для более быстрого поиска файлов.
#расширения #vscode
4 210
🔥Сможешь ли ты «выжить» в Spring и научиться использовать его возможности эффективно?
За 5 месяцев на поле боя под названием Онлайн-курс «Spring Framework» ты закалишь свои скиллы и овладеешь важнейшими технологиями фреймворка: MVC, Security, Boot, Reactive Stack и Spring 5 и т.д.
К концу обучения у тебя будет готов полноценный проект — дополнительная возможность реализовать свою идею под руководством экспертов и совершить карьерный прорыв в Java-разработке.
🚀Пройди вступительный тест, чтобы занять место по спец.цене: https://otus.pw/tGxr/
4 210
Hexo - быстрый, простой и мощный фреймворк для блогов.
Основные особенности:
- Невероятная скорость генерации благодаря Node.js. Создание сотен файлов занимает всего несколько секунд.
- Вам нужна только одна команда для развертывания вашего сайта на GitHub Pages, Heroku или других платформах.
- Поддерживаются все функции GitHub Flavored Markdown, включая большинство плагинов Octopress.
- Предлагает мощные API-интерфейсы для безграничной расширяемости. Доступны различные плагины для поддержки большинства движков шаблонов (EJS, Pug, Nunjucks и многих других).
#node
4 210
Какое из свойств CSS сработает на установление фона в виде картинки?
4 210
Вёрстка - это просто, если...
Автор ютуб-канала "Просто: разработка" - Виталий Киренков, рассказывает о 10 главных навыках, которыми должен обладать верстальщик.
#html #css
4 210
🔥 Лучшее на канале за последнюю неделю
1) Визуализация промисов и Async/Await.
2) CSSeffects Snippets – замечательная коллекция CSS-эффектов (анимация, текст, кнопки), выполненная с помощью Vue.js.
3) Video.js - это веб-видеопроигрыватель, созданный с нуля для мира HTML5.
4) Layout Templates with CSS Grid - примерами расположения элементов в сетке.
5) Visiwig - набор качественных svg и шрифтовых иконок для интерфейсов, а так же набор бесшовных фонов для сайта на одном ресурсе.
Всем успешной разработки!
#Лучшее
4 210
Ты тоже сможешь сверстать собственный WildBerries, если выполнишь все задания.
Нас часто просят помочь начинающим разработчикам в освоении вёрстки. Поэтому мы решили запустить движуху, на которой за 4 дня можно сделать полноценный проект в портфолио.
Не банальный лендинг, а интернет-магазин.
Программа интенсива для тех, кто любит больше подробностей:
✅ День 1
— Достаем из макета изображения, цвета и шрифты
— Создаем проект и нужные файлы сайта
— Пишем HTML-разметку страницы
✅ День 2
— Пишем стили CSS для карточки товара
— Продолжаем создавать каркас HTML-документа
— Завершаем верстку страницы
✅ День 3
— Пишем скрипты, оживляем сайт
— Добавляем микро-анимацию
— Делаем сайт адаптивным
✅ День 4
— Регистрируем аккаунт на github
— Выгружаем код на github pages
— Публикуем сайт, получаем домен
Чтобы принять участие просто перейди по ссылке и следуй простой инструкции:
https://telegram.me/gloacademy_bot?start=600c34751731d2000d83e431
4 210
Koding - онлайн инструмент с открытым исходным кодом, который предоставляет разработчикам и менеджерам команд интерфейс для оптимизации рабочих процессов разработки в облаке без ограничения свободы и творчества. Тратьте меньше времени на настройку и больше на создание!
Koding позволяет совместно использовать полностью автоматизированные среды разработки в любой инфраструктуре для современных распределенных приложений, микросервисов и контейнеров.
#инструменты
4 210
Киберпонедельник в GeekBrains — все направления со скидкой до 60%
Если вы давно хотели начать онлайн-обучение, но не решались — это ваш шанс.
Всего 4 дня — с 22 по 25 января включительно — вы сможете купить курсы GeekBrains и сэкономить! Участвуют все направления: программирование, дизайн, маркетинг, управление, аналитика и креативные профессии.
Добро пожаловать в мир востребованных профессий! https://geekbrains.ru/link/N9Goki
4 210
Layout Templates with CSS Grid.
Для тех, кто только начал изучение технологии Grid CSS - можете ознакомиться с некоторыми примерами расположения элементов в сетке.
#css
Уже доступно! Исследование Telegram 2025 — ключевые инсайты года 
