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!
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!
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 "/" !
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
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!
Do we know what is CSS and HTML, and what are these two?
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 !
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!
In this lecture I will be teaching you how to add some images to your web page in HTML, and how to resize them.
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 .
On the head part you will see that we will connect some external links to make our page more interesting!
Some basic information about CSS and why it is so important.
This is the primary way to handle the objects/boxes : Margin and Padding create spaces between in exterior and interior of a box.
In this lecture you will find how to link to another website just with a click. Here we will learn about the <a> tag!
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 !
Here you will test your knowledge you got from this course by now ! Let's see what you know!
In this lecture you will see how to start to implement the first boxes of a website!
A very important aspect is the primary image of a website, choose it carefully!
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!
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!
Fonts are a good way to improve your page. Try google fonts, there you can find a lot of beautiful ones!
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.
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!
In this final quiz you will be asked different question about what did you learned here . So let's begin !
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!