Modern Web Design with Tailwind CSS and JavaScript course.

Focused View

John Bura,Mammoth Interactive

6:07:10

136 View

1 - Introduction

1 - Introduction.mp4

01:31

2 - 01 02 Introduction Of The Instructor.mp4

01:01

3 - 01 03 What Is Tailwind Css.mp4

01:06

4 - 01.04-Course-Requirements.docx

4 - Files.html

4 - Useful-links.txt

2 - How To Get Started

5 - 0201 How To Get Started With Tailwind CSS.mp4

13:25

3 - 03 Design a product landing page

6 - 03 01 Project Preview.mp4

01:05

7 - 03 02 Set Up Project.mp4

00:47

8 - 03 03 Design A Header Section.mp4

16:03

9 - 03 04 Design A Main Section.mp4

11:54

10 - 03 05 Design A Footer.mp4

09:26

11 - 03 06 Design A Testimonials Section.mp4

10:27

12 - 03 07 Build An Email Subscribe Card.mp4

09:56

13 - 03 08 Build Pricing Grids.mp4

15:30

14 - 03 09 Build A Product Modal.mp4

16:50

15 - 03 10 Build An Image Gallery.mp4

07:17

16 - 03 Source Files.html

16 - 03-Source-Files.rar

4 - 04 Design for mobile

17 - 04 01 Project Preview.mp4

01:29

18 - 04 02 Design A Hamburger Button And Animation.mp4

09:16

19 - 04 03 Design A Mobile Menu.mp4

04:43

20 - 04 04 Implement Responsivity.mp4

03:10

21 - 04 05 Design Smooth Scroll.mp4

06:23

22 - 04 Source Files.html

22 - 04.Source-Files.rar

5 - 05 Implement dark mode

23 - 05 01 Project Preview.mp4

00:54

24 - 05 02 Design A Dark Mode Button.mp4

05:58

25 - 05 03 Set Color Mode With Javascript.mp4

07:18

26 - 05 Source Files.html

26 - Source-files.zip

6 - 06 Design a form

27 - 0601 Project Preview.mp4

01:05

28 - 0602 Design A Form.mp4

11:16

29 - 0603 Javascript Link Validation.mp4

09:13

30 - 06 Source Files.html

30 - Source-Files.rar

7 - 07 Design a grid social media website

31 - 0701 Project Preview.mp4

01:03

32 - 0702 Set Up Project.mp4

02:37

33 - 0703 Design The First Box In The Grid.mp4

10:09

34 - 0704 Design Remaining Boxes.mp4

12:33

35 - 0705 Build Grid Classes.mp4

05:29

36 - 07 Source files.html

36 - Source-files.zip

8 - 08 Design a portfolio web app

37 - 0801 Project Preview.mp4

01:15

38 - 0802 Set Up Project.mp4

08:00

39 - 0803 Design A Navigation Menu.mp4

06:32

40 - 0804 Design Header.mp4

06:44

41 - 0805 Design Main Content.mp4

04:59

42 - 0806 Design Footer.mp4

14:25

43 - 0807 Design More Sections.mp4

16:28

44 - 0808 Implement Responsivity.mp4

16:59

45 - 08 source code.html

45 - source-code.zip

9 - 09 Design a mobile first ecommerce website

46 - 0901 Project Preview.mp4

02:11

47 - 0902 Set Up Project.mp4

08:00

48 - 0903 Design Header.mp4

07:24

49 - 0904 Design Main Content.mp4

04:40

50 - 0905 Design Footer.mp4

13:17

51 - 0906 Design A Login Modal.mp4

16:12

52 - 0907 Design A Cart Modal.mp4

17:06

53 - 0908 Design More Sections.mp4

08:03

54 - 0909 Implement Responsivity.mp4

06:01

55 - 09 source code.html

55 - Source-files.zip

Description

Master modern web design techniques and create stunning websites with Tailwind CSS and JavaScript

What You'll Learn?

How To Get Started With Tailwind CSS
Design a product landing page
Design for mobile
Design a grid social media website

Who is this for?

Beginners or experienced web designers.

More details

Description
The course is designed to teach students how to create modern, responsive, and visually appealing websites using Tailwind CSS and JavaScript.
The course will start with an introduction to the basics of web design, including HTML and CSS, to provide a foundation for students who may be new to web development. Once the basics are covered, the course will move on to teaching students how to use Tailwind CSS, a popular CSS framework, to create beautiful and responsive web designs quickly and efficiently.
Students will learn how to use Tailwind's utility classes to style HTML elements, as well as how to customize and extend Tailwind's default styles. They will also learn how to use Tailwind's responsive design features to create websites that look great on any screen size.
The course will also cover JavaScript, which is an essential language for creating dynamic and interactive websites. Students will learn how to use JavaScript to add interactivity to their websites, such as creating dropdown menus, modals, and sliders. They will also learn how to use JavaScript to fetch data from APIs and display it on their websites.
Throughout the course, students will work on several hands-on projects, such as building a responsive landing page, creating a responsive navigation menu, and adding interactive features to a website. By the end of the course, students should be able to create stunning and responsive websites using Tailwind CSS and JavaScript.
Who this course is for:
Beginners or experienced web designers.

User Reviews

Rating

average 0

Total votes0

Focused display

John Bura is has been a successful Udemy instructor since 2011. John Bura has been programming games since 1997 and teaching since 2002. John is the owner of the game development studio Mammoth Interactive. This company produces XBOX 360, iPhone, iPad, android, HTML 5, ad-games and more. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to the top 10 in the Apple's app store. In his spare time John likes to play ultimate Frisbee, cycle and work out.

Mammoth Interactive

Instructor's Courses

Mammoth Interactive is a leading online course provider in everything from learning to code to becoming a YouTube star. Mammoth Interactive courses have been featured on Harvard’s edX, Business Insider and more.Over 11 years, Mammoth Interactive has built a global student community with 1.1 million courses sold. Mammoth Interactive has released over 250 courses and 2,500 hours of video content.Founder and CEO John Bura has been programming since 1997 and teaching since 2002. John has created top-selling applications for iOS, Xbox and more. John also runs SaaS company Devonian Apps, building efficiency-minded software for technology workers like you."I absolutely love this course. This is such a comprehensive course that was well worth the money I spent and a lot more. Will definitely be looking at more Mammoth Interactive courses when I finish this." – Student Matt W."Very good at explaining the basics then building to more complex features." – Student Kevin L.Try a course today.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.