The Guide of the Advanced Techniques in Web Development
4.5 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
937 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Guide of the Advanced Techniques in Web Development to your Wishlist.

Add to Wishlist

The Guide of the Advanced Techniques in Web Development

Do you want to increase your income by improving the way you code?
4.5 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
937 students enrolled
Created by Iulian Bubolea
Last updated 6/2017
English
Current price: $10 Original price: $120 Discount: 92% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 5 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create more advanced websites.
  • Improve their standards and will be able earn more money !
  • Develop more complicated websites faster!
  • Build web pages like a PRO!
View Curriculum
Requirements
  • You should be able to use a computer
  • You should know at least what HTML or CSS is.
Description

If you want to know how to build ,easily, like a professional web developer  starting from the basic knowledge or from 0, this course is for you!

Here I am going to show you how simple it can be to learn and to implement some of the Advanced Techniques which will boost your coding skills.

What are these Advanced Techniques?

You may think that I will show you hard things to implement and you will have to exercise a lot to learn them. 

Nope :) In this course you will learn what is an animated Grid System , how to implement it, why colors and centered elements on the header are so important, how to manipulate your HTML elements and how to position them, what is responsiveness and how to do some awesome simple animations in JQUERY! + many tips to hold you on the line of success in web development.

Is this course to expensive ?

You may think that you can't afford the real price, but Udemy is creating many promotions + I am giving a lot of Coupons , you can ask for them on my facebook page, which you can find on my profile.

Now I am going to show you that this course is not expensive. 

For example let's say you got this for some money , you learn what is here, and you just have to find 1 client to regain twice or more of your investment.(and your income will be higher because you will have to rise your standards) That's why I am not creating 10 hrs+ courses, because I want to put them on an affordable price and I want the student to get results fast.

Do you want to increase your income?

Let's learn Developer!

Who is the target audience?
  • Anyone who wants to learn advanced techniques for web development.
  • Anyone who has basics informations of web development.
  • You if you want to increase your income and boost your career!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
29 Lectures
02:18:50
+
Introduction in Advanced Techniques
4 Lectures 13:02
Will I get more money if I learn from this course?
00:46

How can you improve a website?
00:46

Let's start with some small details. Do know the feeling when it is good but something is not there? Well when you build your HEADER , if it is an image, you have to put your "something" right there in the middle (Title/Button/Quote), you name it!

Preview 09:26

Do you think color is an important? It is! Don't forget to add some beautiful colors to your creation!

The Importance of a COLOR!
02:03

Is a small detail so important?
1 question
+
Medium Tasks
6 Lectures 36:03

It's better to have a button instead of a simple link! Why? It's like you better have a more beautiful powerful car instead of a simple car. It looks nicer and it has a lot of impact on your visitor's eyes. Your page aspect you be boosted just with a simple element like this.

What are the buttons?
02:46

SIMPLE AND CLEAN!

This is a very good way to design/develop webpages! I am going to show you here a tiny professional used animation on a simple button and the transition which matter a lot!

Look How to create an awesome button from Scratch !
10:39

Why is so important to have an animated button?
1 question

Position is everything. Like in real life when you use your location (position) on your GPS, on building advanced websites you need to know how to manage your object's position.

Preview 03:32

This is an awesome thing!

Imagine that you will have a 2x4 GRID Sistem with many links there, one for every box. And when you hover over you will have a professional animation, improving your website a lot, and your visitor can access your links very easily, and with some images on it. The human mind is working like this: Visual > Words. So when you want to show a link to your product or anything , it's better to use images. And how can you use your images better than in a GRID SYSTEM?

The animated Grid System
12:33

An Advanced Reminder
00:48

Font-Awesome is for everything. 

REMEMBER

Visuals > Words.

Font Awesome is including to your list or to your links or elements a tiny icon. You can manipulate that icon easily in css.(Change the color and the size).

Font awesome
05:45
+
Let's create a responsive page!
6 Lectures 22:16

Don't you hate when you have to zoom the screen to see the content? Me too! That's why you have to know what a Responsive Page means.

What is a responsive page?
02:46

Why is responsiveness so important ?
03:26

@media screen and (max-width){   instruction is used to change the css code to manipulate the HTML elements for some screen sizes. 

For example, your desktop screen width is 1000 pixels. But your mobile screen width is 300 pixels. To manipulate your object you have to but : @media screen and (max-width:300px){  <- and in there you will redesign your code for that object.

Preview 06:06

Responsiveness
00:15

Make the webpage responsive
08:03


What do you know about responsiveness
2 questions
+
Let's get into some jQuery!
13 Lectures 01:07:38

Don't be scared :) JQUERY is a library of javascript. In this course we are not going to learn programming like javascript, we will use just JQUERY which is easy! I am going to teach you step by step on how to be a PRO on building websites, and with Ultimate Advanced Techniques to boost your skills and way to code!

What is JQUERY?
01:10

How to learn the basics of jQuery without any javascript knowledge?
00:49

A simple example for you, to see what jquery is, and how to animate some objects just in a simple way ! :)

JQUERY example!
05:43

$(document).ready(function(){

// here type your code!

});


This is the first instruction you need to type on your .js file for jquery. This instruction will improve and optimize your website. This means that the jquery will be ready to run when the whole document is is ready/loaded. 

JQUERY important sentence!
03:23

How to manipulate objects in JQUERY
08:40

Manipulation of CSS in JQUERY
06:24

Classes are in CSS. But with JQUERY you can remove and add new classes to your object. How? You will see in this lectures. 

Why this is important? 

Because it's easy! Create 2 classes : .theFirstOne & .theSecondOne  <- and try to remove the first one and add the second one when somebody clicks your object. The whole object will be manipulated and modified how you want!

Very easy!

Removing and Adding Classes
05:23

Changing another element + short tips
09:45

Do you want to put some information on the same page and you don't want to build another? Good Idea, go for it! But your visitor will have to scroll down to it too much. Not if you know how to create the Automatic Scroll effect to your webpage in JQUERY!

Automatic scroll
11:51

Animate.css is a CSS file where you will find predefined classes and a bunch of animations. In this lecture I am going to show you how to use it and by using it you will boost your website a lot!

Preview 02:05

Just a class can change your website look? Yes , it can! Look here how! By adding a predefined class to your object you can link an animation from animate.css file!

Preview 05:31

How to Animate with Animate.css when you click on an object? You just have too add some easy instructions in jquery file.

JQUERY and Animate.css
05:12

Can you boost your website with JQUERY?
4 questions

The Final! Congratulations !
01:42
About the Instructor
Iulian Bubolea
4.7 Average rating
27 Reviews
4,096 Students
2 Courses
Professional Web developer

I started to learn web development 5 years ago, and since then I loved to code websites and design web pages without Photoshop or any other designing soft. I began with HTML which I called : "The skeleton of the page", and I thought it is awesome to build in a browser what do I want, without any designing soft. After this, CSS language was my passion, because CSS is creating the beauty behind the page, CSS is the "muscle of the page" . Now I can tell that I have the necessary knowledge of HTML, CSS, Bootstrap and jQuery to create professional websites and to teach others in a new way how to build up and how to look at a website before the building process.

I strongly think that a good developer can design just by code, because a good one will have the mindset of building and a developed imagination to create from scratch!