Ежедневно миллионы людей по всему миру пользуются сайтами и мобильными приложениями. А кто развивает интернет-индустрию, делает повседневную жизнь удобнее? Веб-разработчики! Именно эти IT-специалисты создают и поддерживают сайты, порталы, приложения и тд.
Веб-разработчик — профессия мечты! Вот лишь несколько плюсов: творческий характер, высокая востребованность, возможность самостоятельно принимать решения и работать удаленно, достойная оплата.
Курс Web Development ориентирован на слушателей, которые хотят приобрести знания, необходимую практику в области web-разработки, а также базу для дальнейшего роста и развития в IT.
Курс продолжительностью 4 месяца.
Занятия проходят в мини-группах 1 раз в неделю
1 марта, 2023
30часов
Не требуется навыков
6
Расписание
| Суббота | 14:30-16:00 |
Для кого это будет полезно?
Новичков
Хотите разобраться во web-разработке? Онлайн-курс по будет для вас полезен.
Школьников и студентов
Заранее задумываетесь о прибыльной специальности? Пройдите курс web-разработки и обеспечьте себе карьеру в IT
Начинающих программистов
У вас уже есть опыт во фронтенде, но мешают пробелы в знаниях? Поделимся профессиональными знаниями, узнанными на собственном опыте.
Всех, кому интересна web-разработка
Вам нужны навыки web-разработчика? Наш курс вам поможет.
После завершения курса вы сможете
Познакомиться с web-разработкой
Фрилансить фронтенд-вёрсткой и разработкой
Размещать код на сайте и редактировать его в онлайн режиме
Получить хорошо оплачиваемую работу в сфере IT
Создавать различные визуальные эффекты и анимации
Работать с адаптивной вёрсткой и фреймворками, по типу Bootstrap
Вы получите
Возможность задать вопросы ментору
Интересные домашние задания и обратную связь по ним
Полезные методические материалы, которые останутся у вас и после занятий
Сертификат о прохождении курса
Готовые работы в портфолио, с которыми будет легче при трудоустройстве
Доступ к IT клубу
Программа курса
Урок 1. Введение в WEB. Сервер, Интернет, Протоколы
• Что такое веб-страница, протокол HTTP, браузер и клиент.
• Понятие о разметке. Понятие об HTML, атрибутах и тегах.
• Понятие о документе HTML.
• Понятие о кодировке.
• Мнемоники HTML.
• Понятие об URL.
• Гиперссылки и закладки.
Урок 2. Запускаем сервер. Базовая разметка. Парные и непарные теги
Весь язык состоит из тегов. В этом уроке разберемся подробнее с HTML тегами. В языке HTML происходит деление тегов на одинарные (не парные) и парные теги. Итак, одинарные HTML теги состоят из одного тега, то есть, у них нет закрывающего тега. А у парных дескрипторов есть открывающийся и закрывающийся тег.
Урок 3. Одинарные теги.
одинарные теги (одиночные теги, без закрывающего тега), не имеют закрывающего тега (дескриптора, контейнера). Можно утверждать, что он (одинарный тег), не является контейнером, потому что в него (между открывающим и закрывающим тегом, которого нет) нельзя ничего поместить.
Урок 4. Изображения. Введение в CSS
• Изображения.
• Форматы изображений, выбор оптимального формата, приёмы оптимизации.
• Кэширование изображений. data:URI.
• Введение в CSS.
• Основные свойства.
Урок 5. Шрифты. Границы. Размеры
• Контейнеры.
• Цвет.
• Единицы размеров.
• Шрифты и сервисы подгружаемых шрифтов.
• Границы.
• Размеры.
Урок 6. Отступы. Фон. Таблицы
• Отступы.
• Выравнивание блочного и строчного содержимого.
• Фон.
• Управление переполнением.
• CSS-спрайты.
• Таблицы.
Урок 7. Обтекание. Вёрстка макетов. Селекторы
• Обтекание.
• Табличная и блочная вёрстка, приёмы.
• Селекторы по классу, идентификатору, тегу.
• Знакомство с графическим редактором (Photoshop).
Урок 8. Иерархические селекторы. Каскадирование. Отображение и видимость
• Селекторы по атрибуту.
• Иерархические селекторы, БЭМ.
• Псевдоклассы и псевдоэлементы.
• Каскадирование.
• Управление отображением и видимостью.
• Отладка вёрстки.
Урок 9. Медиазапросы. Адаптивная вёрстка
• Медиазапросы.
• Адаптивная вёрстка.
• Мобильная вёрстка, приёмы, подходы mobile-first, desktop-first.
• Стилевые файлы.
Урок 10. Формы. HTML5
• Формы.
• Позиционирование элементов — абсолютное, фиксированное, относительное.
• HTML5 — семантическая вёрстка, формы.
Урок 11. Мультимедиа. CSS3. Анимация. Flex. Grid
• Мультимедиа — flash, видео, SVG. CSS3.
• Анимация.
• Flex-вёрстка.
• Grid CSS.
• Feature detection.
• Тестирование вёрстки.
• Настройка окружения для препроцессоров.
• Метаязыки стилей.
• Twitter Bootstrap.
Урок 12. Введение в JavaScript
• Знакомство с JavaScript.
• Переменные, типы данных, выражения.
• Условные операторы.
Урок 13. Циклы. Функции. Массивы и хэши
• Циклы.
• Функции.
• Области видимости переменных.
• Стратегия поиска ошибок и отладка кода.
• Массивы и хэши.
Урок 14. Встроенные классы и объекты. DOM
• Встроенные классы и объекты.
• Работа с DOM и DHTML.
• Знакомство с jQuery.
• Знакомство с AJAX.
Урок 15. PHP. Базы данных. Наполнение
Что такое и для чего нужен язык PHP? Что такое база данных? Методы соединения с базой данных.
Урок 16. Соединяем всё вместе. Защита дипломного проекта
Как соединить всё воедино. Методы получения контента