HTML, CSS, SASS
Curated By
HTML stands for Hyper Text Markup Language. Hyper Text is text which contains links to other texts. It is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript. Markup tags are usually called HTML tags. HTML tags are keywords surrounded by angle brackets like <html>. Tags are in pairs like <html> and </html> called opening and closing tags. The opening tag and closing tag together specify a container for the content they enclose. The container and its contents together called an element. HTML provides all the facilities for web developers.
CSS stands for Cascading Style Sheets. It is used for describing the formatting and look of a document written in HTML. A style sheet is a syntactic mechanism for specifying style information. CSS is not technically HTML, but can be embedded in HTML documents. Since CSS style are written in common place, it separates CSS and HTML, which makes it easy for maintenance.
SASS stands for Syntactically Awesome Style Sheets. It is a stylesheet language that is compiled to CSS and it is the most mature, stable, and powerful professional grade CSS extension language. It is an extension of CSS3, adding nested rules, variables, selector inheritance, and more. It is translated to well-formatted, standard CSS using the command line tool or a web-framework plugin. Using Sass to create style sheets makes the process quicker, less complicated and easier to maintain.
PREREQUISITES
Nil. It is easier for a complete beginner to start working on it. Before starting with CSS you just need to understand the basic HTML syntax and structure first, then start with CSS. If you feel you are good enough in CSS, then you have to start learning SASS without any wait.
Topics to learn
- Functions
- Paragraphs
- Line breaks
- Selectors
- Color
- Blockquotes
- Font styles and sizes
- Character Entities
- Meta Element
- Hypertext Link
- Lists
- Tables
- Form controls
- Levels of stylesheets
- Style specification formats
- Box model
- Pseudo-elements
- Animations
- Borders
- Conflict Resolution
- Commands
- Script
- Import
- Mixin
- Inheritance
- Extending
- Variables
- Operators
- Expression
RESOURCES
Online Courses
- Introduction to HTML5(coursera.org)
- Basics of HTML
- https://www.edx.org/course/css-basics
- Sass for the Beginners
- https://developedbyed.com
BLOGS
- HTML for Beginners-Include tags for HTML5
- https://www.konfinity.com/5-best-blogs-for-html
- CSS {In Real Life}
- Sass Blog
TUTORIALS
- W3Schools HTML Tutorial
- Learn HTML-Simple easy learning
- W3Schools Sass Tutorial
- HTML Tutorial for Beginners-Become a Master
- CSS Tutorial for Beginners - CSS tutorial point
APPS