The Full Stack Web Development

Learn HTML, the hypertext markup language, by exploring tags, attributes, and the document structure with doctype, head, and body. Build simple web pages using paragraphs, lists, images, and forms.

Build a simple multi-page HTML template with CSS styling, navigation, and a floated two-column layout (main and sidebar), plus a basic contact form.

Explore HTML5 semantic elements by building a web page with header, nav, main, article, sidebar, and footer, using a container div and CSS floats for layout.

Learn to embed video and audio using the video and audio tags, add controls, autoplay, and loop, and control playback with JavaScript and custom interfaces.

Explore basic css styling via internal styles, covering fonts, h1 color, text alignment, classes, and div boxes with padding, margins, borders, floats, clears, lists, and visibility and display properties.

Learn to style with rounded corners, image borders, and border images; build multiple backgrounds and gradients; and use rgba, hsla, and hsl color systems for rich CSS aesthetics.

Learn CSS transitions and animations to smoothly grow width and height, change colors with keyframes, and control duration, delay, timing functions, and iteration count.

Build a CSS3 dropdown menu with a three-tab navigation for web design, web programming, and graphic design. Apply rounded corners, gradients, shadows, and transitions to create hoverable dropdown content.

Learn to set up Bootstrap in a project using download or CDN, link the css and js, and implement a responsive navbar and jumbotron with Get Bootstrap templates.

Explore typography, forms, and tables with bootstrap, covering headings, alignment, text transforms, blockquotes, lists, and styled tables with contextual rows, plus form controls and inline forms.

Master the Bootstrap grid system to layout content with a 12-column grid using container, row, and column classes, adapting with md and offset and nesting for responsive designs.

Extend Bootstrap theme by adding inner pages—about, services, and contact—reusing the index layout, adjusting the jumbotron, and implementing a two-column content area with a collapsible section and a contact form.

Explore JavaScript as a high level, client-side programming language that runs in the browser. Learn core syntax and concepts like variables, arrays, loops, conditionals, objects, and functions, plus ECMAScript versions.

Explore JavaScript variables, arrays, and objects in the full stack web development context, and master output methods (console.log, document.write, alert) with arrays of objects and dot notation access (JSON-style data).

Master functions and events in JavaScript by defining and calling functions, handling parameters and returns, and wiring events with listeners for DOM updates and form handling.

Explore jQuery, the lightweight, fast JavaScript library that simplifies DOM manipulation, events, animations, and Ajax; learn selector syntax, document ready, and event handling with the dollar sign.

Learn to traverse and filter the document object model using actions like parent, parents, children, find, siblings, and next. Apply until, first, and last to highlight elements in the dom.

Learn to build a jQuery image slider with the Cycle plugin, enable auto play, and apply effects such as fade and shuffle, with previous/next navigation and hover styles.

Discover Node.js as a server-side JavaScript platform with a fast, event-driven non-blocking model. Grasp require, fs, callbacks, npm, and popular tools like Express and Mongo D-B database.

Install and configure express, set up middleware and body-parser, create routes such as / and /about, serve static files from a public folder, and run the server on port 3000.

Learn to integrate template engines with Express, using pug and ejs to render dynamic views. Build home, about, and contact templates with conditionals, loops, and includes, and apply bootstrap styling.

Build a user registration form with express validator validation and crypt encryption, storing users in MongoDB via MongoJS, showing bootstrap alerts for errors and preserving input, redirecting on success.

hash passwords with bcrypt by generating a salt and hashing the user password before saving it to the database, then prepare login with passport's local strategy.

Create a to-dos collection in a Meteor app by adding lib/collections.js and defining a new Mongo.Collection, then insert and fetch items and use a form to add text and time.

Create a to-do checklist with checkboxes that persist across reloads, toggle the checked state on click, implement delete functionality, and prepare for user accounts.

Add user accounts with meteor accounts UI and accounts-password, enable email or username login, store owner and username with todos, and hide the form for guests while preparing server-side methods.

Implement server-side methods to replace client calls, including insert, set checked, and remove, with login checks and secure access, and remove development package.

Create a publication and subscription model for the to-do collection, implement client-side subscribe and on-created lifecycle, and add owner-based controls to toggle private or public status and secure delete operations.

Create a simple profile component, bind properties to the template, and render addresses, avatars, and a friends list using ngFor and ngIf in an Angular quickstart.