JQuery Project Create a theme css generator

Learn how to use conditional logic to dynamically generate amazing and complicated styles and css code in an html page.

In this course you will learn how to apply your front-end web development skills to create a project that dynamically generates complex css styles such as text-shadows and box-shadows. In the first two lessons, You will learn how to use a JavaScript forloop, modular division and conditional logic to create a colorpicker. In the next several lessons, you will learn how to use conditional logic and string-to-variable concatenation to determine the functionality of the colorpicker you will create.

What you’ll learn

  • In this course, you will learn how to put together a project requiring a lot of conditional logic and string to variable concatenation..
  • With the skills you will get from this course you will be able to create a theme builder or css generator for your own web site where people can go when they need help with some of the more complicated css. Also, you will gain the insight to create the client side code for a web application or blog where the user can create his or her own themes without knowing the code..

Course Content

  • Introduction –> 3 lectures • 17min.
  • Create Colorpicker –> 4 lectures • 44min.
  • Generate Text Styles –> 10 lectures • 1hr 38min.
  • Generate Styles for Text Container –> 6 lectures • 1hr 4min.
  • Generate Transforms –> 1 lecture • 6min.
  • Bonus Section –> 1 lecture • 7min.

JQuery Project Create a theme css generator

Requirements

  • This is an intermediate web development course. So you will be expected to be familiar with the basics of html, css and some jQuery. Also, this course requires the ability to understand conditional logic. We will use a lot of if then else statements in this course..

In this course you will learn how to apply your front-end web development skills to create a project that dynamically generates complex css styles such as text-shadows and box-shadows. In the first two lessons, You will learn how to use a JavaScript forloop, modular division and conditional logic to create a colorpicker. In the next several lessons, you will learn how to use conditional logic and string-to-variable concatenation to determine the functionality of the colorpicker you will create.

You will then write a custom function that will dynamically style html elements on the page and also generate a css code block in the html that can be copied and pasted in other applications.

You will learn how to apply the JQuery .val(), .css(), .siblings() and many more of the skills you learned in your basic courses. You will learn how to mark up your html in a manner that will greatly simplify your JavaScript.

This course is for anyone who has a basic knowledge of html, css and JQuery, and is now ready to learn how to apply those skills in a real world project. The skills you will gain from this course can be applied to the client side technology of a revolution in web development. And you will have a lot of fun doing it. I guarantee it!