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

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

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

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

Programming with CSS, Javascript and HTML

Курс от Birla Institute of Technology & Science, Pilani
Начальный≈ 68.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Master the fundamental technologies of modern web development in this comprehensive beginner-friendly course. Starting with web fundamentals, you'll progressively build practical skills in HTML5 for content structure, CSS3 for responsive design, and JavaScript for interactive functionality. The course extends beyond client-side programming to cover server-side development with PHP, database integration, and professional architectural patterns. Through hands-on labs and guided projects, you'll create increasingly sophisticated web components—from basic pages to dynamic applications with database connectivity. By completion, you'll possess the full-stack development toolkit needed to build professional websites and web applications, with each technology explored in depth through practical application and real-world examples. This course bridges theoretical understanding with practical implementation, preparing you for entry-level web development roles.

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

Hypertext Markup Language (HTML)Cascading Style Sheets (CSS)Server SideRestful APIWeb Design and DevelopmentData PersistenceSoftware ArchitectureWeb Applications

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

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

01Introduction to Web25 материалов

Let's Get Started

Introducing Web ProgrammingВидеоCourse OverviewЧтениеMeet your Instructor: Prof. R.K. Chandra ShekarВидеоMeet your Instructor: Prof. Akshaya GanesanВидео

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

BITS Pilani Instructors Group

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 68.2 ч

8 модулей

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

Часть программы вашего университета
Meet your Instructor: Prof. Shreyas RaoВидео

Introduction to Web

What Is Internet?ВидеоPractice Quiz: What Is Internet?ЗаданиеWeb Browsers and Web Servers ВидеоPractice Quiz: Web Browsers and Web Servers ЗаданиеAddressing and Working of the WebВидеоPractice Quiz: Addressing and Working of the Web ЗаданиеEssential Reading: Introduction to WebЧтение

Web Protocols and Technologies

Web ProtocolsВидеоPractice Quiz: Web ProtocolsЗаданиеHTTP RequestВидеоPractice Quiz: HTTP RequestЗаданиеHTTP ResponseВидеоPractice Quiz: HTTP ResponseЗаданиеWeb Application CharacteristicsВидеоPractice Quiz: Web Application CharacteristicsЗаданиеTechnologies for Client-Side and Server-Side ProgrammingВидеоPractice Quiz: Technologies for Client-Side and Server-Side ProgrammingЗаданиеEssential Reading: Web Protocols and TechnologiesЧтение

Discussion and Assessment

Introduction to WebDIALOGUETest Yourself: The WebЗадание
02HyperText Markup Language (HTML)48 материалов

Introduction to HTML

What Is HTML?ВидеоPractice Quiz: What Is HTML?ЗаданиеDevelopment EnvironmentВидеоAnatomy of an HTML TagВидеоPractice Quiz: Anatomy of an HTML TagЗаданиеBasic HTML Document StructureВидеоPractice Quiz: Basic HTML Document StructureЗаданиеEssential Reading: Understanding Development EnvironmentЧтение

HTML Elements

HTML Basic ElementsВидеоPractice Quiz: HTML Basic ElementsЗаданиеBlock and Inline ElementsВидеоPractice Quiz: Block and Inline ElementsЗаданиеHTML Links and List: Part 1ВидеоPractice Quiz: HTML Links and List: Part 1Задание

More About HTML Elements

HTML Semantic ElementsВидеоPractice Quiz: HTML Semantic ElementsЗаданиеMetadata in HTMLВидеоPractice Quiz: Metadata in HTMLЗаданиеHTML Content ModelsВидеоPractice Quiz: HTML Content ModelsЗаданиеEssential Reading: HTML5 Semantic Elements

Adding Multimedia

HTML ImagesВидеоPractice Quiz: HTML ImagesЗаданиеHTML Video and AudioВидеоPractice Quiz: HTML Video and AudioЗаданиеiFramesВидеоPractice Quiz: iFramesЗаданиеHTML Graphics

Forms and Accessibility

HTML Forms: HTML FormsВидеоPractice Quiz: HTML Forms: HTML FormsЗаданиеHTML Form ElementsВидеоPractice Quiz: HTML Form ElementsЗаданиеDemo: Form ElementsВидеоPractice Quiz: Demo: Form ElementsЗадание

Lab and Assessment

HyperText Markup Language (HTML)ОбсуждениеWeb and HTMLЛабораторнаяLab Solution: Web and HTMLЧтениеTest Yourself: HTMLЗадание
03CSS Fundamentals & Layout Design79 материалов

Styling Web Pages Using CSS

What Is CSS?ВидеоPractice Quiz: What Is CSS?ЗаданиеApplying Styles to Web Pages ВидеоPractice Quiz: Applying Styles to Web Pages ЗаданиеCSS Rules ВидеоPractice Quiz: CSS Rules ЗаданиеCSS Properties: Styling Text ВидеоPractice Quiz: CSS Properties: Styling Text ЗаданиеCSS Properties: Colors and Background ВидеоPractice Quiz: CSS Properties: Colors and Background ЗаданиеEssential Reading: Styling Web Pages using CSS ЧтениеRecommended Reading: Colors in CSSЧтение

CSS Selectors

Element and ID Selector ВидеоPractice Quiz: Element and ID Selector ЗаданиеClass and Attribute Selector ВидеоPractice Quiz: Class and Attribute Selector ЗаданиеPseudo Class and Pseudo Element Selector ВидеоPractice Quiz: Pseudo Element and Pseudo Class Selector Задание

CSS Cascade

Cascade Algorithm ВидеоPractice Quiz: Cascade Algorithm ЗаданиеSpecificity ВидеоPractice Quiz: Specificity ЗаданиеInheritance ВидеоPractice Quiz: Inheritance ЗаданиеEssential Reading: Cascade Algorithm

CSS Box Model

CSS Box Model: Part 1 ВидеоPractice Quiz: CSS Box Model: Part 1 ЗаданиеCSS Box Model: Part 2 ВидеоPractice Quiz: CSS Box Model: Part 2 ЗаданиеBorders and MarginВидеоPractice Quiz: Borders and MarginЗаданиеEssential Reading: Understanding the Box Model

Lab

Practice Lab: To Apply CSS Rules to Different HTML ElementsЛабораторнаяSolution: Apply CSS Rules to Different HTML ElementsЧтение

CSS Layouts

Normal FlowВидеоPractice Quiz: Normal Flow ЗаданиеCSS Display ВидеоPractice Quiz: CSS Display ЗаданиеCSS Positioning: Part 1 ВидеоPractice Quiz: CSS Positioning: Part 1 ЗаданиеCSS Positioning: Part 2

CSS Flexible Box Layout

Axes of Flex ВидеоPractice Quiz: Axes of Flex ЗаданиеFlex Container ВидеоPractice Quiz: Flex Container ЗаданиеFlex Properties ВидеоPractice Quiz: Flex Properties ЗаданиеFlex Direction

CSS Grid Layout

Grid Layout ВидеоPractice Quiz: Grid Layout ЗаданиеGrid Layout: TerminologiesВидеоPractice Quiz: Grid Layout: TerminologiesЗаданиеGrid Properties ВидеоPractice Quiz: Grid PropertiesЗаданиеPositioning with Grid Template Areas

Responsive Web Design

Responsive Web Design ВидеоPractice Quiz: Responsive Web Design ЗаданиеMedia Queries ВидеоPractice Quiz: Media Queries ЗаданиеEssential Reading: Creating Responsive Web Designs using Media QueriesЧтениеRecommended Reading: Responsive Web DesignЧтение
04JavaScript Fundamentals & DOM Interaction56 материалов

Introduction to Javascript

Overview of JavaScriptВидеоDemo: Overview of JavaScriptВидеоPractice Quiz: Overview of JavaScriptЗаданиеPrimitives, Operations, Expressions, and Input/Output ВидеоDemo: Primitives, Operations, Expressions, and Input/OutputВидеоPractice Quiz: Primitives, Operations, Expressions, and Input/OutputЗаданиеControl Statements: Part I ВидеоDemo: Control Statements—Part IВидеоPractice Quiz: Control Statements: Part I ЗаданиеControl Statements: Part IIВидеоDemo: Control Statements—Part IIВидеоPractice Quiz: Control Statements: Part IIЗаданиеControl Statements: Part IIIВидеоDemo: Control Statements—Part IIIВидеоPractice Quiz: Control Statements: Part IIIЗаданиеEssential Reading: Introduction to JavaScriptЧтение

Javascript Objects, Arrays, and Functions

Object Creation and Modification: Part 1ВидеоPractice Quiz: Object Creation and Modification: Part 1ЗаданиеObject Creation and Modification: Part 2ВидеоPractice Quiz: Object Creation and Modification: Part 2 ЗаданиеObject Creation and Modification: Part 3ВидеоPractice Quiz: Object Creation and Modification: Part 3 Задание

JavaScript and HTML Documents

The JavaScript Execution EnvironmentВидеоPractice Quiz: The JavaScript Execution EnvironmentЗаданиеTag: Placement and AttributesВидеоPractice Quiz: Tag: Placement and AttributesЗаданиеThe Document Object Model (DOM): Part IВидеоThe Document Object Model (DOM): Part IIВидео

DOM

Event-Driven ProgrammingВидеоPractice Quiz: Event Driven ProgrammingЗаданиеEvent and Event HandlingВидеоPractice Quiz: Event and Event HandlingЗаданиеHandling Events from Body ElementsВидеоPractice Quiz: Handling Events from Body ElementsЗадание

Lab and Assessment

Dynamic Web Programming with JavaScriptОбсуждениеGraded Assignment Lab using HTML,CSS and JSЛабораторнаяTest Yourself: JavaScript Fundamentals & DOM InteractionЗадание
05Data Serialization Formats36 материалов

Data Serialization Formats

Data Serialization Formats ВидеоPractice Quiz: Data Serialization Formats ЗаданиеXML, JSON, and YAML ВидеоPractice Quiz: XML, JSON, and YAML ЗаданиеUtility and Use Cases ВидеоPractice Quiz: Utility and Use Cases ЗаданиеEssential Reading: Introduction to Data Serialization FormatsЧтение

XML Documents

XML DocumentВидеоPractice Quiz: XML Document ЗаданиеXML ValidationВидеоPractice Quiz: XML Validation ЗаданиеXML Schema Definition (XSD) ВидеоPractice Quiz: XML Schema Definition (XSD) ЗаданиеXML: Putting It All Together

Working with JSON

JSON Syntax and Data Types ВидеоPractice Quiz: JSON Syntax and Data Types ЗаданиеJSON Objects and Arrays ВидеоPractice Quiz: JSON Objects and Arrays ЗаданиеParsing and Generating JSON in JavaScriptВидеоPractice Quiz: Parsing and Generating JSON in JavaScriptЗадание

YAML

YAML Basics and Utility in Configuration Files and Data ВидеоPractice Quiz: YAML Basics and Utility in Configuration Files and DataЗаданиеYAML for Web Development ВидеоPractice Quiz: YAML for Web Development ЗаданиеEssential Reading: Introduction to YAMLЧтение

Discussion and Assessment

Data Serialization FormatsОбсуждениеTest Yourself: Data Serialization FormatsЗадание
06Server-Side Scripting with PHP39 материалов

Server-Side Scripting

Introduction to Server-Side Scripting and Evolution ВидеоPractice Quiz: Introduction to Server-Side Scripting and Evolution ЗаданиеClient-Side versus Server-Side Scripting ВидеоPractice Quiz: Client-Side versus Server-Side Scripting ЗаданиеOverview of Backend Technologies ВидеоPractice Quiz: Overview of Backend Technologies ЗаданиеDemo: Environment SetupВидеоEssential Reading: Introduction to Server-Side ScriptingЧтение

PHP Fundamentals

Variables and Data Types in PHP ВидеоPractice Quiz: Variables and Data Types in PHP ЗаданиеOperators in PHP ВидеоPractice Quiz: Operators in PHP ЗаданиеControl Structures in PHP ВидеоPractice Quiz: Control Structures in PHP Задание

Building Dynamic Web Pages

Session Management in PHP ВидеоPractice Quiz: Session Management in PHP ЗаданиеCookie Management in PHP ВидеоPractice Lab 8: Server-side scripting with PHPЛабораторнаяPractice Quiz: Cookie Management in PHP ЗаданиеForm Handling in PHP Видео

Database Connectivity

Database Basics: Understanding MySQL and SQL Commands ВидеоPractice Quiz: Database Basics: Understanding MySQL and SQL Commands ЗаданиеDatabase Connectivity Between PHP and MySQL ВидеоPractice Quiz: Database Connectivity Between PHP and MySQL ЗаданиеDemo: CRUD Operations with PHP and MySQL ВидеоEssential Reading: Overview of Database ConnectivityЧтение

Discussion and Assessment

Server-Side Scripting with PHPОбсуждениеTest Yourself: Server-Side Scripting with PHPЗадание
07MVC and PHP Frameworks35 материалов

Introduction to PHP Frameworks

Exploring PHP FrameworksВидеоPractice Quiz: Exploring PHP FrameworksЗаданиеBenefits of Using PHP Frameworks ВидеоPractice Quiz: Benefits of Using PHP Frameworks ЗаданиеIntroduction to Microframeworks ВидеоPractice Quiz: Introduction to Microframeworks ЗаданиеIntroduction to PHP FrameworksЧтение

MVC Architecture

What Is MVC and Why Is It Important? ВидеоPractice Quiz: What Is MVC and Why Is It Important? ЗаданиеModel: Managing Data in PHP ApplicationsВидеоPractice Quiz: Model: Managing Data in PHP ApplicationsЗаданиеView: Handling Presentation and User Interface ВидеоPractice Quiz: View: Handling Presentation and User Interface Задание

Exploring Popular PHP Frameworks

Laravel: A Comprehensive PHP Framework ВидеоPractice Quiz: Laravel: A Comprehensive PHP Framework ЗаданиеOther PHP Frameworks ВидеоPractice Quiz: Other PHP Frameworks ЗаданиеMVC Application Using Laravel ВидеоDemo: MVC Application Using LaravelВидео

Microframeworks and Their Applications

Lumen: Building Microservices with Laravel’s Microframework ВидеоPractice Quiz: Lumen: Building Microservices with Laravel’s Microframework ЗаданиеChoosing the Right PHP Framework for Your Project ВидеоPractice Quiz: Choosing the Right PHP Framework for Your Project ЗаданиеFuture Trends in PHP Framework Development ВидеоPractice Quiz: Future Trends in PHP Framework Development Задание

Lab and Assessment

Practice Lab 1: Create a simple Web Application using MVC Architecture in PHPЛабораторнаяPHP FrameworksОбсуждениеSQL BasicsЧтениеTest Yourself: Microframeworks and Their ApplicationsЗадание
08Full Stack Web Development and Testing32 материалов

Fundamentals of Full Stack Web Development

Understanding Full Stack Web DevelopmentВидеоPractice Quiz: Understanding Full Stack Web Development ЗаданиеThe Evolution of Web Stacks: LAMP, WAMP, and XAMPPВидеоPractice Quiz: The Evolution of Web Stacks: LAMP, WAMP, and XAMPPЗаданиеModern Web Stacks: MEAN and MERNВидеоPractice Quiz: Modern Web Stacks: MEAN and MERNЗаданиеLeveraging APIs in Full Stack Development: Part I ВидеоPractice Quiz: Leveraging APIs in Full Stack Development: Part I ЗаданиеLeveraging APIs in Full Stack Development: Part II ВидеоPractice Quiz: Leveraging APIs in Full Stack Development: Part II ЗаданиеIntroduction to Full Stack Web DevelopmentЧтение

Testing in Full Stack Development

Significance of Testing in Web Development ВидеоPractice Quiz: Significance of Testing in Web Development ЗаданиеTypes of Testing in Full Stack Development ВидеоPractice Quiz: Types of Testing in Full Stack Development ЗаданиеTools Used in Full Stack TestingВидеоPractice Quiz: Tools Used in Full Stack TestingЗадание

Building a Full Stack Web Application with XAMP

XAMP: Components and SetupВидеоPractice Quiz: XAMP: Components and SetupЗаданиеFront-End Development with HTML, CSS, and JavaScript ВидеоPractice Quiz: Front-End Development with HTML, CSS, and JavaScript ЗаданиеServer-Side Development with PHP and MySQL ВидеоPractice Quiz: Server-Side Development with PHP and MySQL Задание

Discussion and Assessment

Full Stack Web Development and TestingDIALOGUETest Yourself: Full Stack Web Development and TestingЗадание
HTML Links and List: Part 2Видео
Practice Quiz: HTML Links and List: Part 2Задание
HTML TablesВидео
Practice Quiz: HTML TablesЗадание
Essential Reading: HTML ElementsЧтение
Чтение
Видео
Practice Quiz: HTML GraphicsЗадание
Recommended Reading: Incorporating Video into the Web Pages Using the <video> ElementЧтение
AccessibilityВидео
Practice Quiz: AccessibilityЗадание
Recommended Reading: Making Web Accessible by Using HTML Features with Accessibility BenefitsЧтение
Combining Selectors Видео
Practice Quiz: Combining Selectors Задание
Essential Reading: Understanding the Types of CSS SelectorsЧтение
Чтение
Чтение
Recommended Reading: Understanding the Units in CSSЧтение
Cascading Style SheetsОбсуждение
Видео
Practice Quiz: CSS Positioning: Part 2 Задание
CSS Float Видео
Practice Quiz: CSS Float Задание
Essential Reading: CSS Floats: The Foundation of LayoutsЧтение
Recommended Reading: CSS PositioningЧтение
Видео
Practice Quiz: Flex Direction Задание
Essential Reading: Understanding the CSS FlexboxЧтение
Видео
Practice Quiz: Positioning with Grid Template Areas Задание
Essential Reading: Understanding the CSS Grid LayoutЧтение
Advanced CSSОбсуждение
Practice Lab: To Create Webpage Layouts Using Flexbox and GridЛабораторная
Solution: Create Webpage Layouts Using Flexbox and GridЧтение
Test Yourself: CSS Fundamentals & Layout DesignЗадание
Object Creation and Modification: Part 4Видео
Practice Quiz: Object Creation and Modification: Part 4 Задание
Arrays Видео
Practice Quiz: Arrays Задание
Functions Видео
Practice Quiz: Functions Задание
Essential Reading: JavaScript Objects, Arrays, and FunctionsЧтение
JavaScript BasicsОбсуждение
Practice Quiz: Practice Quiz: The Document Object Model (DOM)Задание
Element Access in JavaScriptВидео
Practice Quiz: Element Access in JavaScriptЗадание
Demo: Element Access in JavaScriptВидео
Practice Quiz: Demo: Element Access in JavaScriptЗадание
Essential Reading: JavaScript and HTML DocumentsЧтение
State Management Using JavaScriptВидео
Practice Quiz: State Management Using JavaScriptЗадание
Demo: Setting and Retrieving Cookie Using JavaScriptВидео
Practice Quiz: Demo: Setting and Retrieving Cookie Using JavaScriptЗадание
Essential Reading: DOMЧтение
Видео
Practice Quiz: XML: Putting It All Together Задание
Practical Applications of XML in Web Programming Видео
Practice Quiz: Practical Applications of XML in Web Programming Задание
Reading: Introduction to XML DocumentsЧтение
JSON: Putting It All Together Видео
Practice Quiz: JSON: Putting It All Together Задание
Practical Applications of JSON in Web Programming Видео
Practice Quiz: Practical Applications of JSON in Web Programming Задание
Essential Reading: Introduction to JSONЧтение
Functions in PHP Видео
Practice Quiz: Functions in PHP Задание
Arrays in PHP Видео
Practice Quiz: Arrays in PHP Задание
Exception Handling in PHPВидео
Practice Quiz: Exception Handling in PHPЗадание
Essential Reading: Introduction to PHP FundamentalsЧтение
Practice Quiz: Form Handling in PHP Задание
Demo: PHP Forms Видео
Essential Reading: Building Dynamic Web PagesЧтение
Practice Lab 10: Creating a Basic Web Application Using HTML, CSS, JavaScript, PHP & MySQLЛабораторная
Controller: Managing Application Logic Видео
Practice Quiz: Controller: Managing Application Logic Задание
Overview: MVC ArchitectureЧтение
Practice Quiz: Demo: MVC Application Using LaravelЗадание
Exploring Popular PHP FrameworksЧтение
Microframeworks and Their ApplicationsЧтение
Best Practices for Full Stack Testing Видео
Practice Quiz: Best Practices for Full Stack Testing Задание
Testing in Full Stack Development Чтение
Connecting Front End and Back End: Creating a Full Stack Application Видео
Demo: Full Stack ApplicationВидео
Building a Full Stack Web Application with XAMPPЧтение
Graded Assignment lab using HTML,PHP and MYSQLЛабораторная