Getting Started with HTML, CSS, JavaScript, and the Awesome jQuery

HTML, CSS, and JavaScript are the most popular programming languages in the world. The web is built on them. Web browsers read and interpret HTML documents enhanced with CSS and JavaScript. While CSS keeps the HTML content looking pretty, JavaScript makes the content dynamic and interactive.

Now that we know all the history stuff, let’s get dirty and play with few basic examples using this fantastic tool called CodePen.

To enhance your first coding experience, use the infographic below as a blueprint while you are playing with the code examples. Do you see that? Blueprints, testing platforms. . . Are you an engineer or what?

View Infographic

HTML Header

HTML, or HyperText Markup Language, is the standard markup language used to create web pages. Data displayed on HTML documents are contained within delimiters (called tags), and web browsers interpret the data as HTML elements. An HTML document is made up of HTML elements, and each HTML element contains data or more HTML elements.

HTML tags can have attributes defined in the start tag to differentiate, organize, and customize displayed HTML result.

View Infographic

CSS Header

CSS, or Cascading Style Sheets, define how to display HTML elements. CSS has style rules composed of selectors separated by commas and a declaration block enclosed between brackets. Selectors target a specific range of HTML elements, and declarations modify the default web browser representation of selected HTML elements.

View Infographic

JavaScript makes HTML documents dynamic by modifying HTML elements in response to user interactions, document status changes, and timer intervals. JavaScript communicates with HTML documents using the HTML DOM (Document Object Model), an interface that allows you to update HTML element properties and receive current status feedback.

View Infographic

jQuery Header jQuery is the “write less, do more” JavaScript library. It simplifies HTML DOM manipulation. jQuery makes it much easier to deal with HTML elements, event methods, animation, external resources (AJAX), and cross-browser issues.

View Infographic

One thought on “Getting Started with HTML, CSS, JavaScript, and the Awesome jQuery

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s