К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Guided Website Development Project · LearnSpace
Назад в каталог
courseraПрограммирование

Guided Website Development Project

Курс от University of Washington
Начальный≈ 10.8 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course is where things get real. This is your chance to put all those HTML, CSS, and responsive design skills to work on a project that simulates the real deal—a professional website for a client. Imagine you’re a freelance developer, hired to create a site from scratch. You’ll start by diving into client requirements, mapping out user stories, and building a structure that brings the client’s vision to life. From there, it’s all about rolling up your sleeves and making the magic happen with the tools and techniques you’ve mastered. But here’s the kicker: this isn’t just a follow-the-instructions project. It’s guided, yes, but we want you to get creative, push boundaries, and explore beyond what’s covered. Plus, you’ll learn how smart developers collaborate with AI to streamline workflows and spark new ideas. Your project will also be peer-reviewed, so you’ll get valuable feedback and see how other people tackled the same challenge. At the finish line, you’ll have a multi-page website ready to wow clients and beef up your portfolio. This course is your chance to prove you’re not just learning web dev—you’re living it.

Навыки, которые вы освоите

Browser CompatibilityApplication DeploymentDebuggingMicrosoft CopilotWeb DesignGit (Version Control System)Responsive Web DesignWeb Development ToolsAI powered creativityHTML and CSSWeb DevelopmentCascading Style Sheets (CSS)GitHub CopilotGitHubDevelopment TestingUser StoryWeb Content Accessibility GuidelinesWeb Design and DevelopmentHypertext Markup Language (HTML)Program Development

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

4 модулей · 48 учебных материалов

01Project Kickoff, Understanding Client Needs, and Planning11 материалов

Lesson 1.1: Project Kickoff

About this CourseЧтениеWelcome to the ProjectОбсуждениеWelcome to the Capstone Project: Building an Archery WebsiteЧтениеEmail from GiapЧтение

Lesson 1.2: Understanding Client Needs

Учитесь у экспертов

University of Washington Team

Преподаватель курса

Guided Website Development Project
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 10.8 ч

4 модулей

Язык: Английский

Часть программы вашего университета
Email: Subject: Re: Website Content for Straight to the Point ArcheryЧтение
Analyzing Project RequirementsЧтение
Defining User StoriesЧтение
Designing the Information ArchitectureЧтение
Email from DesignerЧтение
Combining Information Design with Graphic DesignЧтение

Peer Review

User Stories & WireframesВзаимная проверка
02Building the Foundation of Your Website13 материалов

Lesson 2.1: Project Setup

Setting Up Your Project StructureЧтениеInitializing Git Version ControlЧтениеConnecting to GitHubЧтение

Lesson 2.2: Constructing the Basic Structure

Creating the HTML BoilerplateЧтениеUsing Semantic HTML5 ElementsЧтениеBuilding the Header and NavigationЧтениеCreating the Hero SectionЧтениеOrganizing Content Based on User StoriesЧтение

Lesson 2.3: Developing Key Components

Developing the Classes SectionЧтениеBuilding the Instructors SectionЧтениеCrafting the About Us SectionЧтениеSetting up the Contact PageЧтениеUsing User Stories to Guide ContentЧтение
03Designing and Improving Your Website19 материалов

Lesson 3.1: Applying Styles

Setting Up Your CSS StylesheetЧтениеImplementing the Color SchemeЧтениеApplying Typography StylesЧтениеIncorporating Design ElementsЧтениеTesting and Refining Your StylesЧтение

Lesson 3.2: Applying Layouts

Implementing Flexbox and CSS GridЧтениеUsing CSS Grid for Page LayoutsЧтениеEnsuring Consistency Across PagesЧтениеTesting ResponsivenessЧтение

Lesson 3.3: Enhancing Visuals

Incorporating ImagesЧтениеUsing Font Awesome IconsЧтениеOptimizing Images for Web PerformanceЧтениеEnhancing Accessibility with ImagesЧтениеIntegrating Backgrounds and PatternsЧтение

Lesson 3.4: Adding Interactive Elements

Implementing Hover EffectsЧтениеAdding CSS Transitions and AnimationsЧтениеEnhancing Accessibility with Skip LinksЧтениеEnsuring Overall AccessibilityЧтениеOptimizing Images for Responsive DesignЧтение
04Completing and Launching Your Website5 материалов

Lesson 4.1: Testing & Refinement

Testing and DebuggingЧтение

Lesson 4.2: Deployment

DeploymentЧтение

Peer Review

STTP Archery Project RevealВзаимная проверка

Lesson 4.3: Reflection & Future Steps

Learner ReflectionЗадание

Congratulations!

💬 You Did It. Now Tell Us What You Think.Обсуждение