CodeRoll | Frontend

​​Работаете в IT? А интересно узнать, как это - руководить IT-бизнесом? Тогда читайте канал Павла Обода, основателя Growth Factory і Sloboda Studio.  Он начинал свою карьеру как обычный айтишник, а сейчас уже IT-предприниматель, который последние 10 лет создает различные компании, развивает их и активно инвестирует.  Павел в своем телеграм-канале честно делится удачными и не слишком кейсами, нетривиальными советами, а также публикует философские размышления о жизни и бизнесе.   Вот, например, несколько интересных материалов:  • Как Павел потерял $50 000 на неудачных направлениях  • Как выучил три языка за три года  • Почему не стоит рассчитывать на государственную пенсию Также он с командой собрал, пожалуй, самый большой список инструментов, чатов, каналов по инвестированию в Украине. Подписывайтесь на канал @obodpavel, перенимайте опыт и инсайты IT-бизнеса.

JavaScript за 14 минут - интерактивный учебник, который поможет тебе немного освоить или освежить знания по JavaScript. Давайте изучать JS весело!) #javascript

Приглашаем всех неравнодушных к красивым и функциональным интерфейсам на открытый митап: Frontend: от эстетики к хардкору. 📍22 декабря 2020 17:00 МСК • Рассмотрим UX приложения СберБанк Онлайн и суровую реальность производства и поддержки его кода. • Узнаем, как создавать красивые анимации, сохраняя высокую производительность. • И можно ли автоматизировать тестирование UI, используя только хэшированные классы и немного магии при сборке проекта. В программе: ✅Лотти, ты просто космос! Или как мы делали приветственные экраны / Максим Кузнецов ✅Автотестирование по hash-классам или все средства хороши / Илья Тупицкий  ✅Дискуссия "Хорошие практики современного фронтенда" 💥Подробности и регистрация 👉 https://clck.ru/SVhSG

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

GraphQL - это язык запросов для API и среда выполнения для выполнения этих запросов с вашими существующими данными. GraphQL предоставляет полное и понятное описание данных в вашем API, дает клиентам возможность запрашивать именно то, что им нужно, и ничего более, упрощает развитие API с течением времени и предоставляет мощные инструменты разработчика. #api #graphql

Mirage JS - это имитирующая библиотека API, которая позволяет создавать, тестировать и публиковать полное работающее приложение JavaScript без необходимости полагаться на какие-либо серверные службы. #javascript

​​Он наконец-то заканчивается! 2020 год был непростым, и вы точно заслужили классный подарок🎁 Подкидываем вам идею, как побаловать себя и встретить следующий год с пользой. Начните заниматься английским! Сейчас в сервисе Puzzle English (@puzzleng) действует скидка 50% на ежемесячную подписку. Полный доступ к тысячам упражнений по грамматике и аудированию, видеоурокам, играм, песням и книгам за 499 рублей в месяц. Узнать больше о сервисе и оформить подписку➡️ https://u.to/Y4_HGg

Progress steps - реализация пошагового прогресса на JS. Удобная штука на проекте, когда надо реализовать что то поэтапно. #javascript

Gradient AI — классный инструмент для создания сложных градиентов с экспортом в PNG, CSS, JS, JSX, React, Theme UI, JSON. #инструменты

Как сделать модальное окно на JS? Видео-урок от автора канала "Просто: Разработка", в котором вы узнаете как с 0 сделать очень крутое модальное окно. Пройдётесь по вёрстке и затем по JS, узнаете как написать утилиту, которая проверяет ширину скролла браузера. А ещё, познакомитесь с ResizeObserver. Другими словами, в данном видео очень много полезной информации! #javascript

Boxicons - это простой. но стильный набор бесплатных векторных иконок, тщательно созданный для дизайнеров и разработчиков для использования в вашем проекте. Набор насчитывает 1500 иконок. #графика

Таргетолог из Челябинска работает с зарубежными заказчиками и зарабатывает 200к+ В телеграм канале он рассказывает свою историю, свои мысли, делится фишками, а самое главное — своим мышлением. Вот несколько последних постов: ▫️почему клиенты с сарафана — это нормально, а делать таргет на себя — зашквар https://t.me/targetforit/64 ▫️генерация трафика — миф для некомпетентных спецов https://t.me/targetforit/62 ▫️разбор рекламы компании Blue Sleep в Instagram https://t.me/targetforit/61 ▫️в чем ценность услуг таргетолога, и что вообще он должен делать https://t.me/targetforit/44 Подписывайся на канал https://t.me/targetforit. Смотри за ходом развития своего единомышленника и получай бесценные инсайты, которые ты, возможно еще не знал.

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

🔥 Лучшее на канале за последнюю неделю 1) Credit Card Form - красивая реализация заполнения банковской карты при помощи Vue.js. 2) CSS Layout - коллекция популярных макетов и шаблонов, сделанных с помощью CSS. 3) Modern CSS Solutions - ресурс, который разбирает современные решения старых проблем CSS. л. 4) JS Nice - онлайн инструмент который приведет не понятный код в читаемый, а именно выполнит деобфускацию и базовое документирование JS-скрипта. 5) Мини-урок по размерам экрана, окна и веб-страницы в JavaScript. Всем успешной разработки! #Лучшее

Tinyhttp - это современныйвеб-фреймворк, подобный Express, написанный на TypeScript и скомпилированный в собственный ESM, который использует минимальное количество зависимостей, пытаясь избежать унаследованного ада. #node

💡 Размеры экрана, окна и веб-страницы в JavaScript. Размер экрана - ширина и высота экрана: монитор или экран мобильного телефона. window.screen.width; window.screen.height; Доступный размер экрана  - ширина и высота активного экрана без панелей инструментов операционной системы. window.screen.availWidth; window.screen.availHeight; Внешний размер окна - состоит из ширины и высоты всего окна браузера, включая адресную строку, панель вкладок и другие панели браузера. window.outerWidth; window.outerHeight; Внутренний размер окна - ширина и высота области просмотра, в которой отображается веб-страница.  С учетом полосы прокрутки: window.innerWidth; window.innerHeight; Без учета полосы прокрутки: document.documentElement.clientWidth; document.documentElement.clientHeigh; Размер веб-страницы состоит из ширины и высоты отображаемого содержимого страницы. document.documentElement.scrollWidth; document.documentElement.scrollHeight; #МиниУрок #JavaScript

Credit Card Form - красивая реализация заполнения банковской карты при помощи Vue.js. Особенно интересно разобраться тем, кто только начинает изучение Vue. #vue

​​Залетай с двух ног на практический интенсив, на котором за несколько дней сможешь сверстать свою социальную сеть и вдоволь попрактиковаться. Будешь четыре дня писать код, задавать вопросы и получать обратную связь по своей верстке. Ну и бонусом сделаешь дополнительный проект в своё портфолио. Программа интенсива📌 ✅ День 1 — ознакомимся с дизайн-макетом в Figma — сделаем HTML-разметку страницы и напишем первые стили на CSS ✅ День 2 — сверстаем блок с меню и раздел с созданием нового поста — для практики добавим раздел с дополнительным меню ✅ День 3 — полностью сверстаем ленту новостей ✅ День 4 — сверстаем сайдбар и сделаем адаптив для нашего сайта — выгрузим его на Github Переходи по ссылке и получи приглашение: https://telegram.me/gloacademy_bot?start=5fd2a4b702dfe9000c6441a0

JS Nice - онлайн инструмент который приведет не понятный код в читаемый, а именно выполнит деобфускацию и базовое документирование JS-скрипта. Вставляете непонятный код, сервис его анализирует и приводит в нормальный вид — добавляет отступы, пытается назвать переменные осмысленно в зависимости от контекста, добавляет комментарии с указанием переменных и их типов. #инструменты #javascript