Learn the basics of the Web development: Coding Tactics
4.7 (25 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.
3,604 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn the basics of the Web development: Coding Tactics to your Wishlist.

Add to Wishlist

Learn the basics of the Web development: Coding Tactics

Build powerful professional Websites, starting from Zero
4.7 (25 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.
3,604 students enrolled
Created by Iulian Bubolea
Last updated 4/2017
English
English [Auto-generated]
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 6 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop a simple web page and understand the basics of web development.
  • Know the most used and important parts of HTML and CSS language.
  • Create modern designs just by coding,without any photoshop skill !
  • Understand how a website is build up.
  • Get into more advanced techniques and earn money !
  • Build awesome websites from scratch with simple instructions.
View Curriculum
Requirements
  • You do not need any knowledge about building websites or coding.
  • What do you need is to have a PC/Laptop and to be able to use it
Description

After this course you will be able to build PROFESSIONAL WEBSITES starting from 0

This course is for anyone who wants to become a web developer or simply wants to create web pages.

In this course you are going to learn the big basics of web development, how to be productive in development, and many other tips for a higher professional standard of building.

THE MAIN OBJECTIVES OF THIS COURSE ARE: 

-Gaining the necessary knowledge for creating  simple professional pages and start being a web developer.

-Being able to create a website from scratch.

-Opening the gates for  potential developers for a higher income and for new opportunities.

-Having fun while coding, and gaining the feeling of free-time when you(The future developer) will build!

Who is the target audience?
  • This course is for beginner web developers.
  • This course is for people who want to become web developers.
  • People who want to learn in an unique way the beauty of building and creating websites
  • Anyone who wants to code or to create designs.
Compare to Other Web Development Courses
Curriculum For This Course
30 Lectures
02:11:37
+
The behind concept in Web Development
2 Lectures 03:40

Welcome to this course, before we will start, let me present my self, my name is Iulian, I am almost 20, and I am a webdeveloper since 2012. I know why you joined here, because you want to learn, to learn fast and to gain the knowledge you need. I made this course for you because when I started this, to learn developing I had to buy books, so search tutorial after tutorial, to read on forums, and practice a lot without some good advices. So I want you to have a the primary basic knowledge to open your own gates in web developing and in your future career. Because of that I made this course where I am speaking and teaching not just about how to code HTML & CSS, but how to win in webdeveloping , where to aim,how to practice, how to see things from another perspective and learn while you have some fun!

Preview 02:50

What do you see when you look at a website?
00:50
+
What is HTML & CSS
4 Lectures 07:03
Why HTML & CSS is everywhere on the web
01:13

Tags are the ways you will tell your browser that, there is an element. There are a lot, but don't worry, in this course we will focus on the most important ones ! Just remember to close them with that bar "/" !

What are tags?
01:54

In this lecture,i will be teaching you, how we can link our HTML to our CSS file, in the <head> part of our Index.html

How to connect HTML and CSS
02:09

This is our first touch with CSS, here you will see a basic, simple example of changing the color of some text from black to blue. As you will see, these changes are made just in CSS. Html is the skeleton, Css is the muscle! 

About CSS
01:47

Do we know what is CSS and HTML, and what are these two?

What Did We Learned by NOW?
2 questions
+
Strong basics of HTML & CSS
12 Lectures 39:50

Headings are use in titles . There are 6 types of headings, the biggest is the <h1> and the the smallest is the <h6>. Of course you can resize them in css file if you want !

Headings - h1 tags
00:58

Lists are most used on online shops, and of course on the navigation bars. Every website has a navigation bar where you will see some links to different other pages. This links/elements are made with lists ! We will get into how to create a navigation bar with them, later on! 

Lists
04:16

Lists Document - RECAPITULATION
01:02

In this lecture I will be teaching you how to add some images to your web page in HTML, and how to resize them.

Images - img tags
02:40

Well, divs, are created to handle more elements fast, in a div we can have a lot of paragraphs and titles and images, and we can resize, change the background color or image or this div. To be more easy, I suggest to think that a div is a box where you will put your elements. There are 2 ways to define your divs : class and id . 

Div's Classes and Ids
08:46

On the head part you will see that we will connect some external links to make our page more interesting! 

Head and links
03:41

Some basic information about CSS and why it is so important.

How to code in CSS
07:46

This is the primary way to handle the objects/boxes : Margin and Padding create spaces between  in exterior and interior of a box.

Margin and Padding
04:20

Manipulation of the objects
00:56

In this lecture you will find how to link to another website just with a click. Here we will learn about the <a> tag!

Links
02:11

Exercise is the mother of learning! I know you are at the beginning now but remember that you will get better and better if you exercise regularly !

Execise
01:18

Here you will test your knowledge you got from this course by now ! Let's see what you know!

What do we know?
3 questions
+
Building from Scratch
12 Lectures 01:21:26
The MAIN COLOR of the page
00:37

Starting with <html> tag
02:21

In this lecture you will see how to start to implement the first boxes of a website!

The top ( Navigation and the start image )
05:46


A very important aspect is the primary image of a website, choose it carefully!

The Primary Image of the webpage
03:40

If you want to create a powerful tool to attract visitors and to give them a good impression about your website, after the primary image , add a welcoming message and introduce them to you page!

The Welcoming Message
08:35

The Information
13:02

Try to add a big button to attract your visitor to a place , but do it with style ! Don't add powerful colors, just maintain the beauty of the website with the same colors you used before. Here, green and white are the main colors! 

The Button and the last part
14:19

Fonts are a good way to improve your page. Try google fonts, there you can find a lot of beautiful ones! 

Fonts Changing!
05:21

In this lecture you will see what hover means, it's a really nice, easy to add effect to your links or another elements, to change the size or the color when you put your mouse over.

Hover effects to links
06:44

We spoke about some easy to do ways to improve your website. But this is the final one , and it is my favorite! Add to your background image : background-attachment: fixed; , this will make your background image static, and will create a modern, dynamic aspect to your creation!

Modern Attachment to Backgrounds & Small details
09:59

The idea of a clean design
00:38

In this final quiz you will be asked different question about what did you learned here . So let's begin !

Let's find out what knowledge you got from this course !
8 questions
About the Instructor
Iulian Bubolea
4.7 Average rating
27 Reviews
4,134 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!