Сохранёнки программиста
7.78K subscribers
874 photos
26 videos
2 files
1.4K links
Бесплатные лекции, курсы, книги, подкасты по программированию

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Другие наши проекты: https://tprg.ru/media
Download Telegram
Шпаргалка: Серия видео про подготовку к собеседованию на Front-end разработчика

Данная серия видео поможет вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчика. Видеокаст представляет из себя коллекцию технических вопросов, которые можно получить на интервью. Удобная, хорошо организованная шпаргалка всегда у вас под рукой:

Страница плейлиста

#шпаргалка #frontend #ru
Курс: Веб-разработка для начинающих: HTML и CSS

Курс по основам веб-разработки. На нём вы узнаете, как работает интернет, научитесь создавать веб-страницы с помощью HTML и CSS и деплоить их в интернет. Курс содержит домашние задания: мини-проекты для самостоятельного выполнения и проверки.

Страница курса

#курс #html #css #frontend
Видео: Топ-7 фишек HTML/CSS верстки сайта, которые вы должны знать

В этом видео поговорят про топ-7 фишек HTML и CSS для вёрстки сайта: как лёгким способом сделать паралакс эффект на вашей странице, добавить анимации CSS и многое другое, что поможет вам в дальнейшем быстрее верстать и применять в своей работе.

https://youtu.be/wRZx6ylDfoI

#видео #html #css #frontend #ru
Шпаргалка: CSS, HTML и JS

Очень удобная интерактивная шпаргалка, в которой собрана не только полезная информация по работе с CSS, HTML и JS но и различные генераторы, символы, эмодзи и полезные ссылки.

Ссылка на шпаргалку

#шпаргалка #css #html #js
Статья: Если вы умеете «покрасить кнопочку», но хотите узнать больше о вёрстке веб-приложений

Вёрстка веб-приложений шагнула далеко вперёд и представляет собой огромный набор различных подходов, свойств и методологий, в которых легко потеряться начинающему разработчику.

В статье расскажут о том, как начиналась веб-вёрстка, познакомят с таблицами и свойством float, поговорят о том, чем адаптивная вёрстка отличается от респонсивной, как различные методологии экономят драгоценное время разработчика и, наконец, какие практики стоит использовать при вёрстке.

Ссылка на статью

#статья #html #css #frontend #ru
Книга: Веб-дизайн для начинающих. HTML, CSS, JavaScript и веб-графика [5-е издание]

Автор: Дженнифер Роббинс
Год издания: 2021

Описание:
Книга поможет освоить веб-дизайн, не имея опыта. На практических примерах показано, как создать простой сайт и постепенно его совершенствовать. Рассказано о создании веб-страниц, содержащих текст, ссылки, изображения, таблицы и формы. Описано применение CSS для создания и выбора цвета, фона, форматирования текста, макетирования страниц и выполнения простой анимации. Даны основы языка JavaScript и подчеркнута его важность в веб-дизайне. Описано создание, оптимизация и сокращение времени загрузки веб-изображений.

В каждой главе представлены упражнения, которые позволят освоить описанные методики, и краткие контрольные вопросы для закрепления ключевых понятий.

#книга #web #html #css #js #frontend #ru
Инструмент: генератор кода для CSS и HTML

В этом инструменте можно гибко генерировать код для различных CSS-эффектов и HTML-карточек. Также он будет полезен для создания мета-тегов для сайта и файлов robots.txt.

Ссылка: webcode.tools

#инструмент #web #frontend #html #css
Урок: Создание сайта с Parallax эффектом

В этом уроке рассмотрят создание красивого сайта с Parallax эффектом при скролле. Ключевой особенностью данного примера является, конечно-же, реализация эффекта паралакса — вы удивитесь, насколько просто и быстро можно делать подобные вещи, используя современный CSS:

https://youtu.be/F5ZKI-g-_qo

#урок #frontend #html #css #ru
Книга: Отзывчивый дизайн на HTML5 и CSS3 для любых устройств [3-е издание]

Автор: Бен Фрэйн
Год издания: 2022

Описание:
Книга подойдёт фуллстек-разработчикам, которым нужно развивать навыки фронтенд-разработки. Вы получите практические знания о SVG, разметке HTML, создании потрясающей эстетики и эффектов с помощью CSS, переходах, преобразованиях и анимациях и многом другом.

#книга #ru #web #css #html
Статья: Где учить HTML и CSS без платных курсов

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

Многие онлайн-школы предоставляют базовый курс изучения HTML и СSS бесплатно, такие курсы можно найти у htmlacademy.ru, ru.hexlet.io, wayup.in, itproger.com и stepik.org.

Но что изучать дальше, когда база уже пройдена? Сохраняйте статью, где специалист делится рекомендуемыми ресурсами для бесплатного изучения фронтенд-стека. Среди них видео-уроки, курсы и справочники.

#статья #frontend #html #css #ru
Целых 10 шпаргалок по HTML и CSS

В шпаргалках как обычно — полезная всячина, которую удобней хранить где-то в заметках, чем теснить в памяти. Ту часть, которая в картинках, прикрепляем к посту.

Полный список шпаргалок в источнике.

#шпаргалка #web #html #css
Media is too big
VIEW IN TELEGRAM
Подробный курс по вёрстке для начинающих с теорией и практикой

В этом курсе понятно разобраны все темы по HTML, актуальные в 2024. Вы изучите основы HTML, теги, семантику, СЕО, метатеги, списки, медиа элементы, структуру документа, таблицы и формы.

Сохраняем и смотрим.

#видео #курс #html
25 полезных HTML тегов, элементов и атрибутов, которые стоит знать каждому фронтендеру

В HTML есть средства для создания раскрывающихся виджетов, индикаторов прогресса и скалярных значений, переадресации на нужный URL, воспроизведения аудио/видео, сохранения форматирования кода и валидации с помощью regex.

Список всех тегов и элементов с описанием и примерами кода можно забрать в статье.

#статья #html #frontend #ru
Что почитать по вёрстке сайтов?

— "HTML и CSS. Разработка и дизайн веб-сайтов" — Джон Дакетт. Красочная и понятная книга для изучения HTML и CSS с акцентом на визуал.

— "CSS для профессионалов" — Эрик А. Мейер. Глубокое руководство по CSS с разбором продвинутых техник и нюансов.

— "JavaScript и jQuery. Разработка интерактивных веб-сайтов" — Джон Дакетт. Простое введение в динамическое взаимодействие на веб-страницах с помощью JS и jQuery.

— "Адаптивный веб-дизайн" — Аарон Густафсон. Практики для создания сайтов, которые выглядят отлично на любых устройствах.

— "Секреты CSS" — Лиа Веру. Сборник эффективных приемов и трюков, которые помогут прокачать CSS.

— "Элементы пользовательских интерфейсов. CSS и HTML в действии" — Аарон Уолтер. Создание привлекательных и удобных интерфейсов с помощью базовых технологий.

— «Отзывчивый веб-дизайн. HTML5 и CSS3 в действии" — Итан Маркотт. Базовые принципы и практические примеры использования HTML5 и CSS3 в адаптивной вёрстке.

#подборка #книга #frontend #html #css