[LoftSchool] Продвинутый курс по веб-разработке
Зар Захаров - Преподаватель курса:
Казалось, что собрать в одном месте самые передовые технологии, самые нужные и важные моменты в IT-индустрии невозможно, но мы с гордостью и уверенностью заявляем, мы это сделали. Я лично для вас смог из тонны терабайтов информации отсеять и собрать лучшее, самое современное, самое востребованное, проверенное временем, использованное мною в боевых проектах. Я подошел к этому курсу не со стороны преподавателя, а со стороны ученика, задав вопрос себе - если бы я пришел на курс, что было бы мне, как уже бывалому в вебе, интересно.
Я прекрасно понимаю, что каждый день на просторах интернета можно найти много нового, полезного и интересного, и я взял на себя смелость проверить за вас, убедиться, что действительно важно, применимо и будет использоваться в ваших проектах. Этим курсом я хочу подарить вам возможность прикоснуться к сокровищам IT-мира!
1. Настройка рабочей среды
Вёрстка #1
Зар Захаров - Преподаватель курса:
Казалось, что собрать в одном месте самые передовые технологии, самые нужные и важные моменты в IT-индустрии невозможно, но мы с гордостью и уверенностью заявляем, мы это сделали. Я лично для вас смог из тонны терабайтов информации отсеять и собрать лучшее, самое современное, самое востребованное, проверенное временем, использованное мною в боевых проектах. Я подошел к этому курсу не со стороны преподавателя, а со стороны ученика, задав вопрос себе - если бы я пришел на курс, что было бы мне, как уже бывалому в вебе, интересно.
Я прекрасно понимаю, что каждый день на просторах интернета можно найти много нового, полезного и интересного, и я взял на себя смелость проверить за вас, убедиться, что действительно важно, применимо и будет использоваться в ваших проектах. Этим курсом я хочу подарить вам возможность прикоснуться к сокровищам IT-мира!
1. Настройка рабочей среды
- Боевое крещение новобранцев
- Знакомство с наставниками и одногруппниками
- Знакомимся с Slack и платформой обучения
- Подготовка рабочего окружения
- Выбор и настройка редакторов кода: Sublime text, Atom, Brackets
- Настройка и базовые принципы работы в терминале
- Тонкие настройки и особенности работы PhpStorm/WebStorm
- Полезные инструменты для повышения продуктивности
- Как оставаться здоровым, работоспособным и эффективным
- Планирование, постановка задач и достижение целей
- Основы работы в Linux терминале
- Базовый workflow в Git
- Знакомство с node.js
- Работа с модулями, npm
- Понимание dependencies и devDependencies
- Bower - настоящее и будущее
- Bower vs Npm для frontend-разработки
- Локальный сервер на node.js - BrowserSync
- LiveReload - наиболее эффективные решения
- Корректная публикация проекта на Github
- Gulp - лучшие практики применения
- Конкатенация, минификация, работа со статикой
- 15 самых востребованных npm-плагинов
- Автоматическая оптимизация картинок
- Bower - продвинутые техники, тонкая настройка
- Подготовка и сборка проекта для последующей отправки на хостинг (Production Server)
- Настройка хостинга и автодеплой проекта (Auto Deploy)
- Принцип работы PostCss
- PostCSS Gulp
- Организация необходимого набора плагинов( Autoprefixer, Postcss-nested, Postcss-short, Postcss-assets, Postcss-sorting)
- Stylelint Reporter
Вёрстка #1
- Самые важные приёмы при нарезке макета в Photoshop
- Как писать семантичный и качественный HTML
- Какие единицы измерения лучше? "px", "em", "rem" и др.
- "font-size" и "line-height"
- Все значения свойства "display"
- Свойство "float" и его корректная очистка
- Вертикальное и горизонтальное центрирование элементов
- Псевдоэлементы :before, :after
- Свойство "outline"
- Тонкости модели "box-sizing", margin, padding
- Рекомендации о том, как писать "правильный" CSS
- Meyer Reset, Normalize.css, border-box reset
- Знакомство с препроцессором Jade
- Использование алгоритмической структуры Jade
- Написание собственных примесей
- Построение универсального шаблона
- БЭМ-нейминг
- Организация файловой структуры проекта
- Рендеринг данных из JSON
- Препроцессор - SASS/SCSS
- Циклы, условия, переменные SASS
- Необходимые в работе функции SASS
- Автоматизация сборки спрайтов средствами Spritesmith
- SVG, иконочные шрифты
- Адаптивная вёрстка
- Настройка картинок для адаптивной верстки
- Адаптация картинок под ретина-дисплеи
- Адаптив или Респонсив. В чем разница?
- Медиазапросы
- Библиотека SingularityGS
Возможно, Вас ещё заинтересует:
- [it-black] Виктор Черемных ― Администрирование безопасных сетей (ViPNet) (2025)
- [Diogo Resende] Учебный лагерь по инженерии ИИ - технология поисковой дополненной генерации (RAG) для LLM
- [Павел Старцев] [Stepik] Нейросети: от простейшего запроса до создания бота (2025)
- [Нетология] Профессия «Интернет‑маркетолог с нуля до middle» (2025)
- [Яндекс.Практикум] Python‑разработчик (+Python‑разработчик плюс)
- [Архэ] Компьютерная лингвистика. Основные задачи компьютерной лингвистики и подходы к их решению
- [Екатерина Юсупова] Герпес вирус. Обучающий проект (2024)
- [Stepik] Разработка мобильных и PC приложений на Python. Фреймворк Kivy (2024)
- [Павел Монахов] Системное администрирование Linux (2024)
- [Богдан Кухар] Администратор 1С v 3.8 (все модули) (2024)
- [Stepik] Многозадачность в Python. Многопоточное программирование
- [developedbyed] Фулстек Next.js (React) разработчик
- [brainy] Веб-тестирование для абсолютных новичков (2024)
- [PurpleSchool] Neovim - практика и настройка (2024)
- [Stepik] Java с нуля до Junior + Подготовка к собеседованию (2024)
- [NFE] Внедрение Cisco SD-WAN (Viptela) . Базовый курс (2024)
- [Webщик] Тревожный чемоданчик складчика 3 (2024)
- [Яндекс.Практикум] Python-разработчик. Часть 5 из 8
- [Structy] Алгоритмы и структуры данных для Faang (2024)
- [Laravelcreative] Laravel 9, 10 (база + 4 практических курса)