Learning Web Development has never been so easy. Understanding the concepts of Web Development from its roots is the most important thing. It is a widely accepted concept that HTML & CSS are the nuclei of Web Development. We provide you with most reliable resources for you to understand right from the basics to the advanced levels of HTML & CSS.
Step 1 — Learn Basics of HTML and CSS (Beginner)
This material gives you enough exposure to the basics of HTML and CSS. For personal assessment, you can try quizzes. Enough examples are there to practice, and you can also experiment with the codes in its editor.
Step 2 — Learn by Doing (Beginner)
Want to experience learn by coding? then code academy is your choice
Step 3 — Understand HTML Layouts (Advanced)
Building a home and building a well-planned home are two different things, now we have the good foundational strength we are now ready to become creators, designers what not !!!. This article helps you find the techniques to create beautiful layouts. Layout plays a very critical role for any website.
- https://www.codementor.io/css/tutorial/4-different-layout-techniques-create-single-page
- http://learnlayout.com/
Step 4 — Understand HTML Forms (Advanced)
It’s very important that you don’t test the patience of user when asking input, so forms are very important for any web application. Sign Up, login, feedback, Comments.. all needs to be presented to the user with clear and concise style. Go and play with forms. Don’t forget !!! — Practice makes man perfect
- http://learn.shayhowe.com/html-css/building-forms/
- http://www.javascript-coder.com/html-form/html-form-tutorial-p1.phtml
Step 5 — Understand CSS Positioning (Advanced)
Clean home has things rightly placed — interior designing !!!, when building website elements positioning is very important and needs special attention. No ESCAPE from coding.. code it .. learn it..
- https://www.codecademy.com/courses/advanced-css-positioning/0/1
- http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning/
Step 6 — Build a project using HTML and CSS (Intermediate)
Practice more by building a project -
Step 7 — Learn about Responsive (Intermediate)
Mobile, Tablet, Desktop — devices with multiple screen sizes. Ahhhh.. my site works only on the desktop, Do I need to build separate sites for mobile and tablet. Wait Wait Wait !!! We have a responsive web design concepts.. go explore them and get your website flexible to work on any device
Step 8 — Best Practices (Advanced)
When you write codes you don’t want to make any mistakes. To write clean and error free codes it is required to follow some procedures that are accepted by the developers worldwide. Here are some resources to write proper codes without any errors.
- http://learn.shayhowe.com/html-css/writing-your-best-code/
- https://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741
Step 9 — Testing time — Assignments (Shortcut to Success)
Learning doesn’t work when you have not tested what you learned. To make your HTML & CSS learning fruitful you should test yourself with some assignments. Here are some assignments for you to practice.
Step 10 — Additional Resources
