12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics by Azure Cloud Advocates at Microsoft.
Each lesson includes:
30DaysOfJavaScript challenge is a guide for both beginners and advanced JavaScript developers. In this challenge you will learn everything you need to be a JavaScript programmer and in general the whole concepts of programming.
A tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels, included with 5 demos.
A tutorial about how to animate images and videos using curtains.js
Curtains.js allows you to create planes containing images and videos that act like plain HTML elements, with position and size defined by CSS rules.
An article about how to create nifty physics-based background scroll effects for your web pages. Matter.js, an excellent open-source JavaScript framework is used to handle the physics.
Build responsive, mobile-first projects on the web with the world's most popular front-end component library.
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
A tutorial about how to implement a simple swipe gesture in a couple of lines of JavaScript.
Lazy loading is technique that defers loading of non-critical resources at page load time. These non-critical resources are loaded at the moment of need.
When we lazy load images and video, we reduce initial page load time, initial page weight, and system resource usage, all of which have positive impacts on performance.
Slice Revealer is a reveal effect where animated slices cover and uncover an image.
Anime.js for the animations and Intersection Observer API used for triggering the effects on scroll.
A tutorial about creating application that stores to-do items locally in the browser’s local storage and displays them on the front end by using javascript.
A tutorial about easy way on connecting to an API with javascript.
In this tutorial you will learn :
GET with JavaScript
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles. Anime.js is used for the animations.
A nice tutorial about building a responsive table that is also keyboard accessible by using css and javascript.
A tutorial about creating grid item animation where the thumbnail scales up when the details view is opened by using CSS animations and javascript.
A tutorial about createing some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.
