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

HTML, CSS, JavaScript - Build 6 Creative Projects

George Lomidze, Web And Software Developer

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

      1:30
    • 2. Introduction

      3:57
    • 3. Setup

      1:37
    • 4. Project Preview - Invisible Card

      5:09
    • 5. Create Structure of Project

      3:57
    • 6. Style - Part 1

      7:34
    • 7. Style - Part 2

      7:43
    • 8. Style - Part 3

      7:59
    • 9. Style - Part 4

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

      2:26
    • 11. Create Structure of Project

      4:56
    • 12. Style Banner

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

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

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

      7:39
    • 16. Add JavaScript to Project

      8:39
    • 17. Make Project Responsive - sign up form

      11:01
    • 18. Project Preview - Profile cards

      2:56
    • 19. Create Structure of Project - Profile cards

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

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

      8:05
    • 22. Add CSS Animation to Project

      10:09
    • 23. Typed Text Animation Using JavaScript

      7:13
    • 24. Blinking Cursor Animation Using CSS

      6:03
    • 25. Make Project Responsive

      8:17
    • 26. Project Preview -Slideshow

      2:04
    • 27. Create Structure of Project - Slideshow

      3:44
    • 28. Style Banner

      7:40
    • 29. Add Animations to Banner

      6:11
    • 30. Create Cool Hover Effect

      5:01
    • 31. Create Slideshow - Part 1

      7:54
    • 32. Create Slideshow - Part 2

      10:32
    • 33. Make Project Responsive

      3:37
    • 34. Project Preview

      2:37
    • 35. Create Structure of Project

      5:17
    • 36. Style Banner

      7:52
    • 37. Create 3D Button

      9:43
    • 38. Manage Top Navigation Layout

      4:47
    • 39. Create 3D Navigation Items

      7:58
    • 40. Manage Bottom Navigation Layout

      5:02
    • 41. Prepare Social Icons

      5:31
    • 42. Create 3D Effects with Social Icons

      9:00
    • 43. Make Hamburger Menu Working

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

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

      6:01
    • 46. Project Preview - Cube

      2:04
    • 47. Create Structure of Project

      4:14
    • 48. Prepare 3D environment

      6:43
    • 49. Build Up Cube - Part 1

      7:46
    • 50. Build Up Cube - Part 2

      4:56
    • 51. Style Controls

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

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

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

      13:27
12 students are watching this class

About This Class

The Brand New HTML, CSS and JavaScript Course on Skillshare.

"HTML, CSS, JavaScript - 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 nice profile card. You will be able to learn how to manipulate on backgrounds and create some cool effects. Project will be built based on HTML and CSS

Project 2 - Sign Up Form

The second project will represent modern-looking and beautiful sign-up form. Project will consist of two parts. First part will be nice banner with little CSS animation and using banner button you will be navigated to sign-up form. 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 heading with typing text animation. It will be created using JavaScript. Also, we will use CSS keyframes to create nice animated button with hover effect.

Project 4 - Slideshow

Fourth projects is going to be slideshow. It will consist of two parts. We will have banner with header and 3D button. Banner elements will have some really nice and beautiful animations. By clicking button, we will move on to slideshow. Slideshow will be created using pure CSS. Each slide will represent the famous cities of world. 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. Project will consist of two parts. First part is going to be banner, in which you will be able to build 3D button with hover effect. By clicking on Hamburger menu icon, we will be navigated to second part of 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. Project will be based on HTML, CSS and JavaScript

Project 6 - Cube

Sixth project will be the most interesting and advanced one. We will create slideshow represented by 3D cube. 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!!!

292

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

George Lomidze

Web And Software Developer

Hi,

I'm George, full-stack Web Developer / Designer, Co-Founder of 'CodeAndCreate' and an author of several classes on Skillshare.

I'm excited to be here and to help people in learning one of the most interesting and powerful fields in the world.

I decided to share my knowledge and experience to the world and that's the main reason why I'm here at Skillshare.

I'm specialized in the following technologies: HTML, CSS, SASS, Bootstrap, JavaScript, jQuery, React, ...

See full profile

Report class