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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Programming Foundations with JavaScript, HTML and CSS · LearnSpace
Назад в каталог
courseraПрограммирование

Programming Foundations with JavaScript, HTML and CSS

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

О курсе

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create. After completing this course, you will be able to: 1. Think critically about how to solve a problem using programming; 2. Write JavaScript programs using functions, for loops, and conditional statements; 3. Use HTML to construct a web page with paragraphs, divs, images, links, and lists; 4. Add styles to a web page with CSS IDs and classes; and 5. Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.

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

JavascriptCascading Style Sheets (CSS)Hypertext Markup Language (HTML)Event-Driven ProgrammingHTML and CSSComputational ThinkingAlgorithmsWeb Design and DevelopmentInteractive DesignWeb DesignComputer ProgrammingWeb DevelopmentProgram DevelopmentComputer GraphicsUser Interface (UI)Image AnalysisProgramming PrinciplesWeb ApplicationsUI Components

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

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

01Designing a Web Page with HTML and CSS28 материалов

Welcome

Course WelcomeЧтениеCourse OverviewВидеоTips for Learning ProgrammingВидеоResources to Help You SucceedВидео

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

Susan H. Rodger

Professor of the Practice

Robert Duvall

Lecturer

Owen Astrachan

Professor of the Practice

Andrew D. Hilton

Associate Professor of the Practice

Programming Foundations with JavaScript, HTML and CSS
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 32.7 ч

4 модулей

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

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
Report a problem with the courseЧтение

Building a Webpage with HTML

Using CodePenВидеоTry It! Create Your CodePen AccountЧтениеWhat Is HTML?ВидеоMetadata and Sectioning ElementsВидеоTry It! Build a “My Interests” Web PageЧтениеAsking for Help in the ForumsОбсуждениеFormatting Text and Nesting TagsВидеоTry It! Format TextЧтениеUsing HTML - Formatting TextЗаданиеAdding Images and LinksВидеоImages and StorageВидеоTry It! Add Links and ImagesЧтениеLists and TablesВидеоTry It! Create Lists and TablesЧтениеUsing HTML - Displaying DataЗадание

Styling a Web Page with CSS

How CSS Is Used to Design Web PagesВидеоCSS BasicsВидеоTry It! Style Your Web Page with CSSЧтениеColors and Names in CSSВидеоTry It! Customize Your Web Page’s ColorsЧтениеShare your “My Interests” Web PageОбсуждениеStyling with CSSЗадание

Review

Designing a Web Page with HTML and CSSЗадание
02Algorithms and Programming Concepts27 материалов

Computational Thinking

IntroductionВидеоEverything Is a NumberВидеоHow Is That a Number?ВидеоDeveloping an AlgorithmВидеоA Seven Step Approach to Solving Programming ProblemsВидеоSolving Programming ProblemsЗадание

Programming Fundamentals with JavaScript

VariablesВидеоMethodsВидеоFunctionsВидеоTypesВидеоDukeLearnToProgram EnvironmentВидеоTry It! Using Variables, Methods and FunctionsЧтениеRampup Programming Exercise - Variables, Methods and FunctionsЧтениеVariables, Methods and FunctionsЗаданиеFor LoopsВидеоTry It! Using For LoopsЧтениеConditional ExecutionВидеоRampup: Programming Exercise - Loops and ConditionalsЧтениеLoops and ConditionalsЗаданиеProgramming Exercise: Modifying ImagesЧтениеModifying Images with JavaScriptЗадание

Implementing the Green Screen Algorithm

Translating to CodeВидеоThinking Critically about Your ProgramВидеоFinding Bugs in CodeВидеоProgramming Exercise: Advanced Modifying ImagesЧтениеDebugging Your CodeЗадание

Review

Overview of Programming ConceptsЗадание
03JavaScript for Web Pages20 материалов

Event-Driven Programming

IntroductionВидеоButtons with DivsВидеоTry It! Buttons with DivsЧтениеChanging Pages InteractivelyВидеоTry It! Change Pages InteractivelyЧтениеProgramming Exercise: TODO listЧтениеButtons and InteractionЗаданиеUsing HTML5 CanvasВидеоTry It! CanvasЧтениеInputs and EventsВидеоTry It! Inputs and EventsЧтениеProgramming Exercise: An Interactive Paint CanvasЧтениеEvent-Driven ProgrammingЗадание

Green Screen Web Page

Upload and Display an ImageВидеоTry It! Upload and Display an ImageЧтениеConvert Image to GrayscaleВидеоTry It! Convert an Image to GrayscaleЧтениеMoving to CodePenВидеоTry It! Green Screen OnlineЧтениеInteractive Web Pages
04MiniProject: Image Filters on the Web14 материалов

Image Filters on the Web

IntroductionВидеоMiniProject Part 1ЧтениеMiniProject Part 2ЧтениеMiniProject ChallengeЧтение

Review

Review of HTML, CSS, and JavaScriptЗадание

Hiding Data in Images with Steganography (Optional Practice)

Extra ChallengeЧтениеSteganography Part IВидеоSteganography Part IIВидеоSteganography mathЗаданиеSteganography Part IIIВидеоSteganography ReviewЧтениеSteganography Coding ExampleВидеоSteganography: Programming Exercise GuideЧтениеSteganographyЗадание
Задание