gram news
Аватар канала Вёрстка сайтов | HTML, CSS, JS

Вёрстка сайтов | HTML, CSS, JS

@free_html_lessons

👋 Привет, друг! В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду. Присоединяйся и начинай учиться! Связь: @Tigran1963

4,530подписчиков

Открыть канал

Последние посты

  • Вёрстка сайтов | HTML, CSS, JS

    22 сент., 11:04

    🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00ДА! Вайбкодинг реально начали проверять на интервью, поэтому мы нашли собеседующего, который проводит AI-секцию в международном финтехе, чтобы вы увидели что на ней спрашивают и как к ней подготовиться.Как это будет: 📂 Александр Дмитриев, разработчик из известного международного финтеха, ex-VK, ex-Ozon проведет вайбкодинг секцию разработчику-добровольцу; 📂 Александр будет задавать реальные вопросы с секций, которые проводил сам и комментировать ответы; 📂 В конце можно будет задать любой вопрос Александру.Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для разработчиков, которые хотят сменить работу, повысить свой грейд, ЗП и прокачать скиллы.Перех
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    22 сент., 07:05

    CSS навигацияПосмотреть на codepen 👨‍💻#практика
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    21 сент., 07:05

    Функции в TypeScript: параметры, void, never и overloadsЧитать 👨‍💻#ts | #теория
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    20 сент., 06:40

    Подборка лучших постов за прошлую неделюЛучшие статьи @free_html_lessons: 1. Полезные расширения Chrome для верстки 2. Как типизировать API во frontend 3. Задача: npm installЛучшие фронтенд вакансии @job_webdev: 1. vue разработчик для веб-сайтов 2. HTML-верстальщик 3. frontend developer финтехЛучшие дизайн вакансии @job_webdesign: 1. ux/ui дизайнер мобильного приложения 2. Продуктовый UX/UI дизайнер 3. продуктовый дизайнер подписки#лучшеезанеделю
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    19 сент., 07:05

    Задача: npm installВася устроился фронтенд-разработчиком в крупную IT-компанию. В свой первый рабочий день он клонировал себе git-репозиторий проекта и сразу же стал смотреть package.json. Будучи любителем всего нового, Вася сразу увидел, что некоторые пакеты в dependencies устарели. Недолго думая, он сразу поменял в файле их версии на самые последние и выполнил npm install. Какой ужас! Консоль заполнили строки с описанием ошибок, ведь оказалось, что многие пакеты были связаны между собой через peerDependencies, а их свежие версии несовместимы.Помогите Васе обновить зависимости до самых свежих совместимых версий.Подробнее по ссылке 👨‍💻#домашка
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    18 сент., 12:26

    280опрос1Открыть в Telegram
  • Вёрстка сайтов | HTML, CSS, JS

    18 сент., 07:05

    Макет для тренировки (miramoney)Перейти к макету 🧑‍💻#макет@free_html_lessons
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    17 сент., 07:05

    15 micro-interactions (полезные паттерны)Посмотреть на codepen 👨‍💻#практика
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    16 сент., 07:05

    Как типизировать API во frontendЧитать 👨‍💻#ts | #теория
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    15 сент., 07:05

    Generics: главная суперсила TypeScriptЧитать 👨‍💻#ts | #теория
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    14 сент., 10:34

    Полезные расширения Chrome для верстки1. ColorZilla Расширение позволяет взять любой цвет с сайта (пипетка)2. PerfectPixel Расширение позволяет сверить верстку с макетом на соответствие.3. WindowResizer Простой плагин, позволяющий легко изменять размеры браузера одной кнопкой4. GoFullPage Полезное расширение для тех, кто хочет сделать полноценный скриншот своего сайта.#полезности
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    13 сент., 07:05

    Подборка лучших постов за прошлую неделюЛучшие статьи @free_html_lessons: 1. Подгрузка контента при прокрутке 2. Метод верстки mobile-first 3. Зарезервированные ключевые слова в JavaScriptЛучшие фронтенд вакансии @job_webdev: 1. HTML верстальщик 2. Фронт-разработчик и верстальщик 3. angular разработчикЛучшие дизайн вакансии @job_webdesign: 1. Веб-дизайнер 2. Web-дизайнер 3. Графический дизайнер#лучшеезанеделю
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    12 сент., 10:32

    Задача: Какой будет вывод в консоль и в каком порядке?const promise = new Promise((resolve) => { console.log("2");setTimeout(() => { console.log("3"); resolve(); }, 1000); });setInterval(() => { console.log("4"); }, 500);async function main() { console.log("5");await promise;
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    11 сент., 16:33

  • Вёрстка сайтов | HTML, CSS, JS

    11 сент., 07:12

    Макет для тренировки (xbox)Перейти к макету 🧑‍💻#практика | #макет
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    10 сент., 07:05

    Зарезервированные ключевые слова в JavaScriptВ JavaScript есть слова, которые принадлежат самому языку. Синтаксический анализатор использует их для сборки конструкций, поэтому объявить переменную с таким именем не получится — JS сразу выбросит SyntaxError.Все ключевые слова можно условно разделить на три категории:1. Действующие ключевые слова Слова, которые прямо сейчас задают логику и структуры данных: break, case, catch, class, const, continue, debugger, default, delete, do, else, export, extends, false, finally, for, function, if, import, in, instanceof, new, null, return, super, switch, this, throw, true, try, typeof, var, void, while, with.2. Будущие зарезервированные слова Они припасены для возможных следующих версий ECMAScript. Использовать их в качестве идентификаторов (имен переменных или функций) нельзя уже сейчас:В обычном режиме: enum. В Строгом режиме ("use
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    9 сент., 09:26

    Метод верстки mobile-firstЧитать 👨‍💻#полезнаястатья
    TelegraphМетод верстки mobile-firstMobile-first верстка - это подход в веб-разработке, при котором веб-сайт или веб-приложение проектируется и разрабатывается с учетом мобильных устройств сначала, а затем адаптируется для более крупных экранов, таких как планшеты и настольные компьютеры. Основные…
  • Вёрстка сайтов | HTML, CSS, JS

    8 сент., 07:05

    Подгрузка контента при прокруткеЧитать статью 👨‍💻#js | #полезности
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS
  • Вёрстка сайтов | HTML, CSS, JS

    7 сент., 07:44

    Тег <mark>Читать 👨‍💻#html | #теория
    TelegraphТег <mark>Кратко Тег <mark> выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют <mark> жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером. Как пишется <p> Мы можем предложить вам на выбор преимущественно …
  • Вёрстка сайтов | HTML, CSS, JS

    6 сент., 07:05

    Подборка лучших постов за прошлую неделюЛучшие статьи @free_html_lessons: 1. Игра судоку, реализованная на html и css 2. TypeScript 7 3. Атрибут stepЛучшие фронтенд вакансии @job_webdev: 1. Дизайнер-верстальщик 2. frontend разработчик для HR-процессов 3. frontend разработчик торговой сетиЛучшие дизайн вакансии @job_webdesign: 1. Веб-дизайнер 2. ux/ui дизайнер для интернет-магазинов электроники 3. Web-дизайнер#лучшеезанеделю
    Иллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JSИллюстрация к посту канала Вёрстка сайтов | HTML, CSS, JS