Hey Guys and Welcome to ASRCoding HTML and CSS from scratch Article
Here we will teach HTML5 and CSS3 from scratch using Visual Studio Code Text Editor.
While this article will mostly focus on HTML and CSS. We are also going to cover typical Visual Studio Code Text Editor setup,
including nifty extensions slick ms snippets and clever keyboard shortcuts to speed up our development code.
You Should also know About this
The article will consist of three modules HTML Tutorial module, HTML Project module, and CSS Tutorial module. In our first HTML module, we will know what is HTML.
Now I've cover how to install Visual Studio Code Text Editor and Google Chrome browser on our local machine and most importantly we will start working with HTML by learning HTML syntax and use cases.
There in the module we will also get comfortable with multiple Visual Studio Code features to improve our overall workflow and by the end of the module we will be comfortable working with HTML elements and as a result, we will progress
to HTML project module where we will use our knowledge to build our first HTML project.
Right after the project, we will deep dive into the awesome world and CSS by first covering what in the world is CSS, multiple ways how we can handle and add CSS to our project, and general rules and guidelines for CSS.
Then we are going to be off to the races to cover as many properties and their values as we can, including selectors and colors, units in CSS, typography, CSS box model, display options, background images, positioning, transitions, animation, and many many more.
I guess that's enough of me chatting and Why don't we learn some HTML and CSS.
In order to do any kind of Web development, we need two things:-
a) Text Editor == Visual Studio Code : for writing HTML and CSS Code
b) Web Browser == Chrome: To show the result of code that we have written in Text Editor you can use any browser and text editor but in this guide, we will use Chrome as a Browser and VS Code for Text Editor. Why I'm using these Tools while there are many others to use the simple answer to this question is because Both of them are industrials, free and require simple download and I recommend you to use the same tool.
Now Download Chrome or any Browser in your system and install it. After installing chrome select chrome as your default browser. Now after downloading and making chrome as your default browser, open the chrome and Go to the following link to download Text Editor (https://code.visualstudio.com/) and click on Download for Windows button to download VSCode. After downloading VSCode Install it in your system. After installing VSCode create a folder where we are going to create our web projects and web pages and then Right-click on this folder there you will see open with Code (VSCode) click on this and it will open VSCode on your system with the same working directory, Means all HTML and CSS work that you are going to do in VSCode it will be created in this folder.
Good friends.
Today's tutorial is going to end here, I hope you will like it, I will meet you in our next tutorial of HTML and CSS.
Hope this article helps you. If you have any suggestion Drop it in Comment Section and Join Our Family by Clicking Subscribe Button and For More Article/Post Like this Join us on:-
Join Our Channels:- Free Online Course & Government / Private Jobs Links
Hope this article helps you. If you have any suggestion Drop it in Comment Section and Join Our Family by Clicking Subscribe Button and For More Article/Post Like this Join us on:-
No comments:
Post a Comment
Please do not enter spam link in the comment box.