Содержание

ТОП-15 курсов по созданию сайтов в Санкт-Петербурге

Получите новую профессию за 10 часов в неделю. Научитесь программировать с нуля. Создадите сайт интернет-магазина всего через месяц. Начнете искать работу до конца обучения

Программа курса

Курс 1. HTML, CSS и адаптивный дизайн

Что вас ждет в модуле:

Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.

Проектный результат:

По итогу модуля сверстаете функциональный сайт интернет-магазина, адаптированный под разные устройства. Для большей практики в этом курсе есть возможность сверстать 4 дополнительных лендинга.

Курс 2. Основы JavaScript

Что вас ждет в модуле:

Получите плавный вход в программирование, освоив базовый синтаксис языка JavaScript. Узнаете, как работать с переменными, функциями, объектами и массивами. Научитесь решать задачи на этом языке самостоятельно и в командах.

Проектный результат:

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

Курс 3. JavaScript в браузере

Что вас ждет в модуле:

С помощью JavaScript вы научитесь добавлять динамичности интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model), а также внешними API.

Проектный результат:

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

Курс 4.  Инструменты разработки

Что вас ждет в модуле:

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

Проектный результат:

В этом курсе вы запрограммируете приложение для карточной игры, подключите свой проект к GIT, настроите форматтеры и линтеры. После вы проведете тестирование, деббаг и рефакторинг своего проекта.

Курс 5. Фреймворк React

Что вас ждет в модуле:

Фреймворк React — это набор готовых решений и функций на Java Script. Сегодня React — самый популярный фреймворк во фронтенд-разработке и большинство крупных компаний используют именно его. В рамках этого курса вы осовоите React-компоненты, React Hooks, а также научитесь работать с бибилиотекой Rеdux.

Проектный результат:

В рамках этого самого длинного курса вы с нуля создадите SPA-приложение — билетный портал с продажей билетов и интерфейсом билетного контролера, который с телефона может проверить QR-код на билете.

Курс 6. Знакомство с бэкенд-разработкой

Что вас ждет в модуле:

Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node.js, базами данных.

Проектный результат:

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

Курс 7. Процессы командной разработки

Что вас ждет в модуле:

К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.

Проектный результат:

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

Курс 8. Финальный индивидуальный проект

Финальный проект — это время собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработка фронтенд-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

 

Курсы Создание и продвижение Web-сайтов в Иваново

✓ Курсы по созданию сайтов с нуля без программирования
✓ Курсы продвижение Web-сайтов в интернете, внутренняя и внешняя SEO оптимизация сайта
✓ Веб дизайнер обучение с нуля — основы web-дизайна и web-программирования
✓ Курсы интернет маркетолога — освойте инструменты интернет-продвижения с нуля до профи
✓ Курсы контекстной рекламы Яндекс.Директ, Обучим создавать эффективные рекламные кампании, вести и оптимизировать кампании (на поиске, РСЯ).
✓ Курсы таргетированной рекламы ВК, Mytarget, Одноклассники, Мой мир и другие

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

Обратная связь

 +7 910-985-57-57

ЗАПИСАТЬСЯ НА КУРС

Популярные программы

Бесплатные курсы

Выберите направление и начните учиться тому, что вам интересно Все направления (Маркетинг, Бизнес и управление,
Дизайн и UX, Программирование, Data science и аналитика)

От

зывы о курсах

Будем признательны, если вы будете делиться впечатлениями о нашей работе, оставлять отзывы, а также высказывать свои пожелания и предложения!
Ваше мнение очень важно для нас! 

Оставляйте ваши отзывы, предложения и пожелания!

Популярные курсы

Компьютерные курсы для всех

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

Курсы программирования

Курсы по веб и мобильной разработке для новичков и junior-разработчиков. Вы освоите профессию разработчика с нуля или добавите в арсенал необходимый язык программирования. (Веб-разработчик с нуля, Основы HTML и CSS, Разработчик 1С, Java-разработчик с нуля, iOS-разработчик с нуля, Android-разработчик с нуля, Golang-разработчик, Python-разработчик с нуля, SQL и получение данных)

Подробнее

Курсы компьютерной графики

Дизайн и UX — Курсы по дизайну интерфейсов, пользовательскому взаимодействию, визуальным коммуникациям, моушн и геймдизайну. Вы не просто освоите все нужные навыки, но и попадете в закрытое сообщество дизайнеров. (Дизайн в digital для начинающих, Арт-дирекшн: как создавать и продавать дизайн, Моушн-дизайн, 3D и основы VFX, Веб-дизайн с нуля до middle, Продуктовый дизайнер, UI-дизайнер, UX-дизайнер, Геймдизайн для начинающих, Геймдизайнер, Разработка игр на Unreal Engine, Инфографика, Брендинг: от стратегии до брендбука, 3D-графика в Cinema 4D, Разработчик настольных игр)

Подробнее

Курсы компьютерной грамотности детей и подростков 7 — 17 лет!

Курсы для современного ребенка, который родился с гаджетом в руках. Но компьютер без базовых знаний, навыков и логического мышления может стать для него лишь дорогой и бесполезной игрушкой.
Познание мира IT для детей и подростков от 7 до 17 лет мы предлагаем широкий спектр базовых и профильных курсов.
✓ Обучение проходит мини-группах и индивидуально.
✓ Все занятия в центре города
✓ Демократичные цены 
✓ Бесплатный урок!

Подробнее

Обратная связь

 +7 910-985-57-57

ЗАПИСАТЬСЯ НА КУРС

Подарочный сертификат

Хотите подарить обучение Вашим близким?

Именной сертификат на прохождение обучающего курса будет отличным подарком, который не будет пылиться на полке!
Подробнее >>>

Купить сертификат

Как создать сайт за выходные! (Проектно-ориентированный курс)

Об этом курсе

15 171 недавних просмотров

Чего вы достигнете:

Вам понадобится компьютер со стабильным подключением к Интернету. Мы будем использовать WordPress, чтобы вы могли начать работу, предоставим множество загружаемых примеров и проведем вас через процесс предоставления и получения конструктивной обратной связи от коллег. *О курсах, ориентированных на проекты: Курсы, ориентированные на проекты, предназначены для того, чтобы помочь вам выполнить личный значимый проект из реальной жизни, а ваш инструктор и сообщество учащихся со схожими целями будут давать советы и предложения на этом пути. Активно применяя новые концепции по мере обучения, вы более эффективно освоите содержание курса; вы также получите преимущество в использовании полученных навыков, чтобы внести позитивные изменения в свою жизнь и карьеру. Когда вы закончите курс, у вас будет готовый проект, которым вы будете гордиться, используя и делясь им.

Гибкие сроки

Гибкие сроки

Сброс сроков в соответствии с вашим графиком.

Общий сертификат

Общий сертификат

Получите сертификат по завершении

100% онлайн

100% онлайн

Начните сразу и учитесь по собственному графику.

Coursera Labs

Coursera Labs

Включает практические учебные проекты.

Узнайте больше о внешней ссылке Coursera LabsЧасов на выполнение

Прибл. 13 часов, чтобы закончить

Доступные языки

Английский

Субтитры: арабский, французский, португальский (европейский), греческий, итальянский, вьетнамский, немецкий, русский, английский, испанский

  • Веб-разработка
  • Гибкие сроки

    Гибкие сроки

    Сброс сроков в соответствии с вашим графиком.

    Общий сертификат

    Общий сертификат

    Получение сертификата по завершении

    100 % онлайн

    100 % онлайн

    Начните сразу и учитесь по собственному расписанию.

    Coursera Labs

    Coursera Labs

    Включает практические учебные проекты.

    Узнайте больше о внешней ссылке Coursera LabsЧасов на выполнение

    Прибл. 13 часов

    Доступные языки

    Английский

    Субтитры: арабский, французский, португальский (европейский), греческий, итальянский, вьетнамский, немецкий, русский, английский, испанский

    Инструкторы

    Доктор Маргарет Энн Шедел

    Ассоциированный профессор

    Музыка

    191 024 Учащиеся

    1 Курс

    Мелисса Кларк 900 71

    191 024 Учащиеся

    1 Курс

    Предлагается

    Государственный университет Нью-Йорка

    Государственный университет Нью-Йорка с 64 уникальными учреждениями является крупнейшей всеобъемлющей системой высшего образования в Соединенных Штатах. Университет SUNY обучает около 468 000 студентов по более чем 7 500 программам на получение степени и сертификации как в кампусе, так и в Интернете, и насчитывает около 3 миллионов выпускников по всему миру.

    Отзывы

    3.3

    Заполненная звездаЗаполненная звездаЗаполненная звездаНаполовину заполненная звездаStar

    197 отзывов

    • 5 звезд

      36,02%

    • 4 звезды

      17,04%

    • 3 звезды

      12,30%

    • 2 звезды

      7,73%

    • 1 звезда

      26,88%

    ЛУЧШИЕ ОТЗЫВЫ ОТ КАК СОЗДАТЬ ВЕБ-САЙТ ЗА ВЫХОДНЫЕ! (ПРОЕКТНЫЙ КУРС)

    Заполненная звездаЗаполненная звездаЗаполненная звездаЗаполненная звездаЗаполненная звезда

    от ABApr 28, 2020

    Это исключительный курс для новичков, который знакомит с основами создания веб-сайта.

    Filled StarFilled StarFilled StarFilled StarFilled Star

    от PR 22 июля 2016 г.

    Я хочу добавить, что это необходимо. Муй буэно!! Y sí es cierto que se puede hacer un sitio web en un fin de semana 🙂

    Filled StarFilled StarFilled StarFilled StarFilled Star

    by ASJul 11, 2020

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

    Filled StarFilled StarFilled StarFilled StarStar

    от GSS 2 сентября 2017 г.

    очень хорошее введение в быстрый и простой способ создания веб-сайта

    Просмотреть все отзывы

    Часто задаваемые вопросы

    Еще вопросы? Посетите Справочный центр для учащихся.

    5 лучших курсов по веб-разработке в 2023 году — Class Central

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

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

    Class Central рекомендует «Отзывчивый веб-дизайн» от freeCodeCamp как лучший способ начать изучение HTML и CSS, а «Основы: веб-разработка» от The Odin Project как полный путь обучения, чтобы стать полнофункциональным веб-разработчиком с последующим курсом по полный стек JavaScript. Обе платформы являются интерактивными и самоуправляемыми, где вы сами что-то кодируете.

    Если вам нужны дополнительные рекомендации, в присутствии инструктора Learn HTML и CSS и Learn Javascript от Scrimba предоставят вам лекции и интерактивную платформу для написания кода. Однако они могут не подойти для полных новичков.

    Если вы хотите начать свой путь в веб-разработке, читайте дальше, чтобы увидеть мой лучший выбор! Нажмите на один из них, чтобы перейти к подробностям курса:

    Основные моменты курса  Рабочая нагрузка
    Лучший курс для начинающих с сертификатом freeCodeCamp 300 часов
    Лучший курс под руководством инструктора от Scrimba 40 часов
    Лучший текстовый курс для всех уровней от Mozilla 270 часов
    Лучший путь обучения с полным стеком от The Odin Project 300 часов
    Лучший университетский курс с сертификатом Университета Джона Хопкинса 40 часов

    Почему WebDev

    Веб-сайты могут варьироваться от отдельных статических страниц с простым текстом до сложных интерактивных веб-приложений. Веб-разработка требует базового понимания HTML, CSS и JavaScript — трех технологий, лежащих в основе Интернета.

    Веб-разработка — быстрорастущая отрасль. Бюро статистики труда США прогнозирует 23-процентное увеличение числа рабочих мест в сфере веб-разработки с 2021 по 2031 год, что намного быстрее, чем средние темпы роста для всех профессий.

    По этим причинам JavaScript является самым популярным языком, а HTML/CSS занимает второе место, согласно опросу разработчиков Stack Overflow. Разработчикам часто платят более 60 тысяч долларов в год.

    Почему вы должны доверять нам

    Я начал изучать веб-разработку в январе 2022 года с курса Mozilla по интерфейсу, несмотря на то, что у меня не было предварительных знаний HTML и CSS. Хотя у меня был некоторый опыт работы с Python, перспектива изучения HTML/CSS казалась пугающей и подавляющей, как и любой другой новый язык. Я даже испугался этого.

    Примерно в то же время Class Central объявила об онлайн-курсе с Рамоном и Джесс в качестве наставников. Я записался на буткемп с намерением вернуться в Mozilla или The Odin Project после его завершения. Я почти закончил учебный курс по адаптивному веб-дизайну, прежде чем перейти к изучению адаптивных макетов и дизайна. Я практиковал свои навыки, копируя части веб-сайтов, с которыми я столкнулся, используя то, что я изучил.

    При создании этих веб-страниц я часто обращался к документации Mozilla, каналу Youtube Кевина Пауэлла, каналу Web Dev Simplified FollowAndrew на Youtube и нескольким другим каналам, чтобы лучше понять концепции, которые все еще беспокоили меня. Эти каналы являются одними из лучших ресурсов для изучения веб-разработки, и я рекомендую подписаться на них, чтобы получать последние обновления и информацию о HTML/CSS и JavaScript.

    Если вам нужна дополнительная помощь в понимании адаптивных макетов и позиционирования, я определенно рекомендую просмотреть 14 лучших бесплатных курсов по макетированию CSS.

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

    Методология руководств по лучшим курсам

    Я построил этот рейтинг, следуя проверенной методологии, использованной в предыдущих руководствах по лучшим курсам (вы можете найти их все здесь). Он включает в себя трехэтапный процесс:

    1. Исследования: Я начал с использования базы данных Class Central, содержащей 100 000 онлайн-курсов и более 200 000 отзывов. Затем я сделал предварительный отбор курсов по рейтингу, отзывам и закладкам.
    2. Оценить: Я прочитал обзоры на Class Central, Reddit и поставщиках курсов, чтобы понять, что другие учащиеся думают о каждом курсе, и соединил это с моим собственным опытом учащегося.
    3. Выберите: Были выбраны хорошо сделанные курсы, если они содержат ценный и увлекательный контент, а также должны соответствовать ряду критериев и ранжироваться соответственно: комплексная учебная программа, доступность, дата выпуска, рейтинги и зачисление.

    Статистика рейтинга курсов

    Вот некоторые сводные статистические данные о рейтинге:

    • Все курсы в этом рейтинге бесплатны, кроме последнего курса.
    • Все они подходят для начинающих.

    Лучший курс для начинающих с сертификатом от freeCodeCamp. компьютеры. Курс охватывает основы создания простых веб-сайтов и изображений CSS, знакомит вас с синтаксисом HTML и CSS. По завершению вы получите

    бесплатный сертификат .

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

    Чтобы получить максимальную отдачу от курса, рекомендуется установить интегрированную среду разработки (IDE), например Visual Studio Code, и создать в них папки с именами проектов и файлами. По мере прохождения курса копируйте весь код HTML и CSS, чтобы просмотреть его позже. Интерактивный инструмент, предоставляемый freeCodeCamp, открывает каждую часть проекта, позволяя вам вводить код именно там, где это необходимо. Однако этот подход может быть слишком прямолинейным для тех, кто предпочитает кодировать в одиночку.

    freeCodeCamp также предлагает курс JavaScript с бесплатным сертификатом: Алгоритмы JavaScript и структуры данных.

    Чему вы научитесь

    Курс охватывает основы HTML/CSS, включая адаптивность в веб-дизайне. По окончании курса вы сможете создать собственное портфолио.

    Как вы будете учиться

    Курс основан на проектах, с небольшими упражнениями, ведущими к финальному проекту. Вы будете учиться, кодируя в собственной среде кодирования каждого шага, и если вы знакомы с Visual Studio Code, вы даже можете использовать некоторые ярлыки из IDE.

    Провайдер FreeCodeCamp
    Уровень Новичок
    Рабочая нагрузка 300 часов
    Сертификат Да, бесплатно
    • После того, как вы закончите этот курс, если вы хотите создать довольно крупный проект, вы можете посмотреть Frontend Development — Создайте блог с помощью HTML, CSS и Javascript от freeCodeCamp.
    • У freeCodeCamp есть собственный форум, где вы можете размещать свои работы и получать отзывы от других учеников.

    Лучший курс под руководством инструктора от Scrimba

    Если вы ищете интерактивную платформу для изучения HTML/CSS, JavaScript и адаптивного веб-дизайна с различными преподавателями, Scrimba — отличный вариант. Их курсы «Изучение HTML и CSS» и «Изучение Javascript» предлагают краткие интерактивные уроки с практическими примерами. Кроме того, у Scrimba есть комплексные курсы по CSS Grid и Flexbox, а также по другим языкам программирования и фреймворкам. Последний проект на платформе — это индивидуальный проект, который можно просмотреть для получения отзывов.

    Как новичок, я счел полезным завершить несколько проектов на freeCodeCamp, прежде чем перейти к Scrimba, чтобы получить практический опыт в создании веб-сайтов.

    Чему вы научитесь

    Вы изучите основы HTML/CSS и JavaScript с практическими примерами и сможете отправить свою работу на GitHub и развернуть ее.

    Как вы будете учиться

    Интерактивная платформа Scrimba позволяет вам понять требования и закодировать их самостоятельно, а инструкторы помогут вам понять код, пока они пишут и объясняют его.

    Провайдер Скримба
    Инструктор Пер Харальд Борген
    Уровень Новичок
    Рабочая нагрузка 45 часов
    Сертификат Нет

    Интересные факты

    • У Кевина Пауэлла также есть ускоренный курс HTML/CSS.
    • Вы также можете узнать о переменных CSS от Scrimba.
    • Среди платных курсов я рекомендую курс карьеры веб-разработчика, а также углубленное изучение Javascript вместе с курсом адаптивного веб-дизайна.

    Лучший текстовый курс для всех уровней от Mozilla

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

    Хотя freeCodeCamp является отличной отправной точкой для веб-разработки, я настоятельно рекомендую курс Mozilla Front-end Web Developer. Этот всеобъемлющий курс охватывает семантику HTML, CSS, JavaScript, специальные возможности, производительность, инструменты, фреймворки и даже некоторые аспекты серверного программирования. После прохождения этого курса у вас будут навыки и проекты, необходимые для работы младшим разработчиком.

    Как вы будете учиться

    Курс полностью основан на тексте, но каждый модуль включает небольшие задания для применения изученных вами концепций. У вас также будет доступ к дополнительным ресурсам, таким как интерактивные примеры, викторины и проекты, чтобы закрепить свое понимание.

    Веб-сайт Мозилла
    Уровень Новичок
    Рабочая нагрузка 270 часов
    Сертификат Нет

    Лучший путь обучения с полным стеком от The Odin Project

    Проект Odin предлагает два варианта обучения веб-разработке: вы можете начать с курса «Основы: веб-разработка», который включает небольшие упражнения и проекты, охватывающие HTML, CSS и JavaScript, или вы можете пройти весь курс и стать полноценным разработчиком. После прохождения курса Foundations вы можете перейти к курсу Full-Stack JavaScript. Если вы предпочитаете изучать другой язык программирования, The Odin Project также предлагает полный курс по Ruby on Rails.

    Проект Odin в значительной степени зависит от документации MDN и требует знания Github для продвижения ваших проектов. Курсы подготовят вас к работе младшим разработчиком полного стека после завершения.

    Чему вы научитесь

    Вы изучите основы HTML/CSS и Javascript. Проект Odin также знакомит вас с git и GitHub, поскольку проекты потребуют от вас решения задач после завершения на GitHub. Вы можете двигаться в своем собственном темпе и приступить к изучению полной разработки с помощью Ruby или Javascript.

    Как вы будете учиться

    Проект Odin требует, чтобы вы много читали, а затем выполняли небольшие задания, как только вы ознакомитесь с концепциями. Вы также найдете несколько видеороликов на YouTube и документы MDN, которые вам придется просмотреть или прочитать, чтобы освоить определенные концепции.

    Организация Проект Одина
    Уровень Новичок
    Рабочая нагрузка 300 часов
    Сертификат Нет

    Интересные факты

    • У них есть собственный канал Discord, где вы можете задавать вопросы, если застряли.

    Лучший курс университетского уровня с сертификатом Университета Джона Хопкинса

    Бесплатный курс HTML, CSS и Javascript для веб-разработчиков , предлагаемый Университетом Джона Хопкинса на Coursera, выходит за рамки обучения основам Веб-разработка. Он дает практический опыт создания реальных приложений, позволяя учащимся применять свои знания на практике. Курс раскрывает «почему» за всеми концепциями, что делает его ценным как для начинающих, так и для опытных разработчиков. К концу курса вы создадите адаптивный веб-сайт, который без проблем работает на всех устройствах.

    Чему вы научитесь

    Курс начинается с изучения того, как использовать HTML, CSS и Bootstrap (наиболее широко используемую среду CSS) для создания современных веб-страниц с нуля. Затем вы узнаете, как сделать дизайн «отзывчивым», закодировав свою веб-страницу так, чтобы все автоматически перестраивалось и изменялось в размерах в соответствии с размером экрана пользователя, будь то смартфон или настольный компьютер. Этот навык имеет решающее значение, поскольку многие пользователи Интернета выходят в Интернет со своих телефонов.

    Наконец, курс посвящен JavaScript, самому популярному языку в Интернете. Вы будете использовать JavaScript для создания полнофункционального веб-приложения, использующего технологию Ajax. Ajax позволяет обновлять определенные части веб-страницы, экономя пропускную способность и делая веб-страницу более отзывчивой. Например, при навигации по веб-сайту панель навигации остается прежней, а меняется только основное содержимое. Ajax перезагружает только основной контент, что делает веб-страницу более эффективной и быстрой. Другими словами, Ajax извлекает данные с сервера и динамически обновляет содержимое без перезагрузки всей страницы.

    Как вы будете учиться

    Курс разбит на пять недель, каждая из которых требует от двух до трех часов работы. Он включает в себя короткие видеоролики, материалы для чтения и практические упражнения с акцентом на реальных приложениях. Одной из уникальных особенностей курса является то, что студенты приступают к работе над веб-сайтом с нуля для местного бизнеса в Балтиморе после виртуальной экскурсии под руководством Яакова Чайкина.

    Что касается оценивания, то каждую неделю проводится множество практических упражнений. На первой неделе проводится оцениваемый тест, а в остальные недели — оцениваемые коллегами задания (для платных учащихся).

    Обратите внимание, что для отправки проектов вам потребуется учетная запись GitHub. Это верно для многих курсов информатики Джона Хопкинса. В любом случае GitHub — очень популярный инструмент в веб-разработке, поэтому стоит создать бесплатную учетную запись.

    Учреждение Университет Джона Хопкинса
    Провайдер Курсера
    Инструктор Яаков Чайкин
    Уровень Новичок
    Рабочая нагрузка 40 часов
    Рейтинг 4,7/5,0 (13 тыс.)
    Регистрация 682к
    Сертификат Платный

    Обратите внимание

    Это старый курс, но его основы прочны, и это важнее всего. Он использует более старую версию Bootstrap (Bootstrap 3), но если вы понимаете версию 3, вы можете легко работать с последней версией 5. Принципы веб-разработки остаются в основном теми же.

    Интересные факты

    • Этот курс является частью специализации Ruby on Rails, но вы можете пройти его самостоятельно. Так что вам не нужно беспокоиться об остальной части специализации, чтобы пройти этот курс!
    • Этот курс является одним из самых популярных онлайн-курсов Class Central за все время.
    • Оба курса Чайкина — «HTML, CSS и Javascript для веб-разработчиков» и «Одностраничные веб-приложения с AngularJS» — заняли первое место в рейтинге курсов Coursera еще в 2016 году9.0036
    • Яаков Чайкин является соавтором книги «Основные сервлеты и страницы Javaserver: передовые технологии».

    Почетные упоминания

    Вам обязательно стоит ознакомиться с курсом Кевина Пауэлла по адаптивным макетам. Я также хотел бы порекомендовать курс Colt Steele, который охватывает основы в нескольких видеороликах, и Coder Coder, который предлагает полезные ресурсы для изучения HTML/CSS и Javascript в проектах.

    Время для практики

    После того, как вы прошли эти курсы и хорошо усвоили концепции, важно применить их на практике.