HTML, CSS, JavaScript - Build 6 Projects | George Lomidze | Skillshare

HTML, CSS, JavaScript - Build 6 Projects

George Lomidze, Developer / Designer / Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
54 Lessons (5h 53m)
    • 1. Promo

      1:30
    • 2. Introduction

      3:57
    • 3. Setup

      1:37
    • 4. Project - Invisible Card - Overview

      5:09
    • 5. Invisible Card - HTML Markup

      3:57
    • 6. Invisible Card - Style - Part 1

      7:34
    • 7. Invisible Card - Style - Part 2

      7:43
    • 8. Invisible Card - Style - Part 3

      7:59
    • 9. Invisible Card - Style - Part 4

      8:46
    • 10. Project - Sign Up Form - Overview

      2:26
    • 11. Sign Up Form - HTML Markup

      4:56
    • 12. Sign Up Form - Style - Part 1

      11:22
    • 13. Sign Up Form - Style - Part 2

      8:51
    • 14. Sign Up Form - Style - Part 3

      8:04
    • 15. Sign Up Form - Style - Part 4

      7:39
    • 16. Sign Up Form - Style - Part 5

      8:39
    • 17. Sign Up Form - Make Project Responsive

      11:01
    • 18. Project - Profile Cards - Overview

      2:56
    • 19. Profile Cards - HTML Markup

      5:43
    • 20. Profile Cards - Style - Part 1

      6:52
    • 21. Profile Cards - Style - Part 2

      8:05
    • 22. Profile Cards - Style - Part 3

      10:09
    • 23. Profile Cards - Typed Text

      7:13
    • 24. Profile Cards - Blinking Cursor

      6:02
    • 25. Profile Cards - Make Project Responsive

      8:17
    • 26. Project - Slideshow - Overview

      2:04
    • 27. Slideshow - HTML Markup

      3:44
    • 28. Slideshow - Style of Banner - Part 1

      7:40
    • 29. Slideshow - Style of Banner - Part 2

      6:11
    • 30. Slideshow - Style of Banner - Part 3

      5:00
    • 31. Slideshow - Create Slideshow - Part 1

      7:54
    • 32. Slideshow - Create Slideshow - Part 2

      10:32
    • 33. Slideshow - Make Project Responsive

      3:37
    • 34. Project - Hamburger Menu - Overview

      2:37
    • 35. Hamburger Menu - HTML Markup

      5:17
    • 36. Hamburger Menu - Style of Banner

      7:52
    • 37. Hamburger Menu - Create 3D Button

      9:43
    • 38. Hamburger Menu - Layout of Top Nav

      4:47
    • 39. Hamburger Menu - Create 3D Navigation Items

      7:58
    • 40. Hamburger Menu - Layout of Bottom Nav

      5:02
    • 41. Hamburger Menu - Prepare Social Media Icons

      5:31
    • 42. Hamburger Menu - Create 3D Effect with Social Icons

      9:00
    • 43. Hamburger Menu - Make Hamburger Menu Work

      7:49
    • 44. Hamburger Menu - Make Project Responsive - Part 1

      8:21
    • 45. Hamburger Menu - Make Project Responsive - Part 2

      6:01
    • 46. Project - Cube - Overview

      2:04
    • 47. Cube - HTML Markup

      4:14
    • 48. Cube - Style - Part 1

      6:43
    • 49. Cube - Style - Part 2

      7:45
    • 50. Cube - Style - Part 3

      4:56
    • 51. Cube - Style of Controls

      7:56
    • 52. Cube - Add JavaScript to the Project - Part 1

      7:25
    • 53. Cube - Add JavaScript to the Project - Part 2

      4:57
    • 54. Cube - Add JavaScript to the Project - Part 3

      13:27

About This Class

"HTML, CSS, JavaScript Course - Build 6 Creative Projects".

If you want to get your hands dirty in three core technologies - HTML, CSS and JavaScript, then this is the right course for you. You will be able to build 6 modern, beautiful and creative projects. Learn how to create cool CSS animations and awesome 3D effects.

INCLUDED:

Project 1 - Invisible Card

In this project, you will build a nice profile card. You will be able to learn how to manipulate backgrounds and create some cool effects. The project will be built based on HTML and CSS

Project 2 - Sign Up Form

The second project will represent a modern-looking and beautiful sign-up form. The project will consist of two parts. The first part will be a nice banner with little CSS animation and using the banner button you will be navigated to the sign-up form. The project will be created using HTML, CSS, and JavaScript

Project 3 - Profile Cards

In this project, you will build three beautiful profile cards with some cool animations. Besides cards, we will have a heading with typing text animation. It will be created using JavaScript. Also, we will use CSS keyframes to create a nice animated button with a hover effect.

Project 4 - Slideshow

The fourth project is going to be a slideshow. It will consist of two parts. We will have a banner with a header and a 3D button. Banner elements will have some nice and beautiful animations. By clicking the button, we will move on to slideshow. The slideshow will be created using pure CSS. Each slide will represent the famous cities of the world. The project will be based on HTML, CSS, and JavaScript.

Project 5 - Hamburger Menu

In this project, you will be able to learn how to create Hamburger Menu. The project will consist of two parts. The first part is going to be banner, in which you will be able to build a 3D button with a hover effect. By clicking on the Hamburger menu icon, we will be navigated to the second part of the project. It will be Navbar with two different Navigations. In this project, you will learn about how to create really modern and nice 3D effects. The project will be built based on HTML, CSS, and JavaScript

Project 6 - Cube

The sixth project will be the most interesting and advanced one. We will create slideshow represented by a 3D cube. The project will be based on HTML, CSS, and JavaScript. We are going to use really advanced stuff from CSS and relatively lots of JavaScript. After building this project you will be capable to create modern, advanced and beautiful projects on your own.

Get fast and friendly support from instructors 24/7.

JOIN US!!!