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

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

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

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

Styling & JavaScript Essentials

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

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Learn essential web development skills with Tailwind CSS and JavaScript. Start by mastering Tailwind CSS, a utility-first framework for building responsive designs. Explore layout techniques, customization, and responsive websites. Then, dive into JavaScript to understand key concepts like data types, functions, loops, and asynchronous programming. Apply your knowledge by building two real-world projects: a Facebook login page with Tailwind CSS and a Slither game using JavaScript. This hands-on approach reinforces learning and prepares you for real-world tasks. Perfect for beginners with no prior knowledge of web design or programming, this course builds your foundation in styling websites and creating interactive content. By the end, you will be able to design responsive websites using Tailwind CSS, add interactive elements with JavaScript, and build projects like login pages and games.

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

Cascading Style Sheets (CSS)Full-Stack Web DevelopmentProgram DevelopmentEvent-Driven Programming

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

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

01Tailwind CSS (Zero to Hero)14 материалов

Tailwind CSS (Zero to Hero)

Introduction to the Course 'Styling & JavaScript Essentials'ЧтениеFull Specialization ResourcesЧтениеIntroduction to Tailwind CSSВидеоSetting Up Tailwind CSS for ProductionВидео

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

Packt - Course Instructors

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

Styling & JavaScript Essentials
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 19.8 ч

4 модулей

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

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Fonts and Sizing Using Tailwind CSSВидео
Margins, Borders, and Padding in Tailwind CSSВидео
Square Bracket Notation in Tailwind CSSВидео
Creating Responsive Designs Using Tailwind CSSВидео
Hover, Active, and Focus States in Tailwind CSSВидео
@apply Directive in Tailwind CSSВидео
@layer Directive in Tailwind CSSВидео
Customizing Tailwind CSSВидео
Creating a Custom Button with Tailwind CSS and @apply DirectiveDIALOGUE
Tailwind CSS (Zero to Hero) - AssessmentЗадание
02#3 Project: Facebook Login Page3 материалов

#2 Project: Facebook Login Page

Tailwind CSS ProjectВидеоSetting Up and Customizing a Facebook Login Clone with Tailwind CSSDIALOGUE#3 Project: Facebook Login Page - AssessmentЗадание
03JavaScript ES6 (Zero to Hero)43 материалов

JavaScript ES6 (Zero to Hero)

Introduction to JavaScriptВидеоBasics of JavaScriptВидеоVar, Const, Let in JavaScriptВидеоData Types in JavaScriptВидеоConversion and CoercionВидеоAll about JavaScript StringsВидеоAll about ArraysВидеоConditionals and Switch CaseВидеоLoops in JavaScriptВидеоFunctions in JavaScriptВидеоWindow Object Properties and FunctionsВидеоBasics of DOMВидеоHTML Element Selectors in JavaScriptВидеоChildren Parent and Traversing the DOMВидеоCreating, Removing, and Replacing ElementsВидеоJavaScript Events and Event HandlersВидеоMore on JavaScript EventsВидеоLocal and Session StorageВидеоMath Object in JavaScriptВидеоDate Object in JavaScriptВидеоObject-Oriented Programming (OOP) in JavaScriptВидеоObject Prototype in JavaScriptВидеоPrototype InheritanceВидеоES6 Classes and InheritanceВидеоAsynchronous Programming in JavaScriptВидеоAJAX TutorialВидеоCallback Functions in JavaScriptВидеоPromises in JavaScriptВидеоArrow FunctionsВидеоFetch APIВидеоAsync / Await in JavaScriptВидеоError Handling in JavaScriptВидеоRegular Expressions in JavaScriptВидеоMetacharacters in JavaScriptВидеоCharacter Sets in Regular ExpressionsВидеоIterators in JavaScriptВидеоGenerators in JavaScriptВидеоMaps in JavaScriptВидеоSets in JavaScriptВидеоSymbols in JavaScriptВидеоDestructuring in JavaScriptВидеоExploring JavaScript Data Types, Variables, and Type ConversionDIALOGUEJavaScript ES6 (Zero to Hero) - AssessmentЗадание
04#4 Project: Slither Game6 материалов

#3 Project: Slither Game

Slither/Snake Game Using JavaScriptВидеоConclusion to the Course 'Styling & JavaScript Essentials'ЧтениеImplementing Snake Game Logic and ControlsDIALOGUE#4 Project: Slither Game - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание