JQuery Project Create a theme css generator (Udemy.com)

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

Created by: Eddy Sunderland

Produced in 2017

icon
What you will 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.

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 98 / 100

icon
Course Description

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!

Who this course is for:
  • This course is for web developers who enjoy writing their own code and creating functionally efficient web projects.

icon
Instructor Details

placeholder

My name is Eddy and I am a freelance frontend web developer with extensive experience in html, css, JavaScript, jquery, php, and MySQL. I started my career developing applications with Microsoft Access, but when a client asked me if I could put her application online, I started researching and discovered the amazing world of front end web development. And what I discovered about front end web development is that to succeed, I would have to become a lifelong learner.
I do have a college degree in Social Science with a GPA of 3.9, but when it comes to front end web development, I am 100% video taught. And I am very mindful of what it takes to make a well structured, clearly articulated video course. And I am always open to criticism. After all, I am and always will be a lifelong learner just like you.

icon
More jquery courses

jQuery UI in Action: Build 10 jQuery UI Projects

$11.99

jQuery in Action: Build 16 jQuery Projects

$11.99

AJAX using Javascript and JQuery + 2 Projects

$11.99

Learn jQuery for beginners web development

$11.99

jQuery for Beginners - Create Website Animations Easily

$11.99

Learn How to Build a Website with jQuery

$11.99

icon
Reviews

4.9

15 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Abhijit Nag

Excellent course for ultimate productivity .

By Alex

This is really interesting and fun. I look forward to the rest of this course. Thank You!

By Greg

Great course. It is interesting how much the conditional reasoning can solve problems

By Jared D.

An enjoyable course. Eddy is an enthusiastic instructor which helps quite a bit when learning how to write JS code.

By Tedjohnson

The instructor explains why he is writing the code. This makes it a lot easier to learn how to create my own projects with the knowledge I am leaning.

By Tom Wilson

This course is definitely a good practice exercise in critical thinking and conditional logic. It is not easy but I am learning a lot.

By Bobandlad

Very clearly explained content. I am already learning a lot of useful knowledge. Thank You. Eddy!

By Bob Wilson

I am just getting started but I can tell right now that I will learn a lot from this course. In the second video, the instructor does some coding experimentd using modular division. I have heard of modular division, but I never found a use for it. The instructor says we will use this concept to create the color picker. I am excited to see how.

By Eduardo Gomez

I really love how we create the color picker. Can I use this on my own website when I get it build?

I finally finished the course. I've never seen anything like this anywhere on Udemy or anywhere else. It is definitely a unique concept.

In the last video, you seemed to create an overlay over an image, but you said you used PHP. I am looking forward to learning PHP also. Sure do hope you create the PHP course soon. Thanks for this great course.

By carl edward wilson

I have learned a lot from this course. It is amazing how much we can do with the if then statements. Conditional statements are the key to being able to solve so many problems. I would like to see more courses like this.

Your presentation is very clear. You explain everything in a way that I can understand. I highly recommend this course!

By Jeffrey Sanders

This is really helpful. Especially creating the colorpicker. It is true that IF is a big word. We can do so much if we learn how to use conditional thinking, and that is what I am getting the most out of this course. I look forward to finishing it.

By Gary Johnson

This course taught me so much about how to use the if statements to solve problems. I believe I am ready for anything.

I really look forward to more courses like this one.