Videos uploaded by user “Kirupa Chinnathambi”
Event Bubbling and Capturing
Read the tutorial: http://www.kirupa.com/html5/event_capturing_bubbling_javascript.htm Check out the book: http://bit.ly/js101Book --------------------- Learn all about how events in JavaScript get around by learning about the bubbling and capturing phases.
Views: 24147 Kirupa Chinnathambi
1: Introduction to React
In this video, get an overview of what React is and why it is pretty awesome. --------------------- Read more: https://www.kirupa.com/react/introducing_react.htm Buy book: https://www.amazon.com/exec/obidos/ASIN/0134546318/kirupacom
Views: 10088 Kirupa Chinnathambi
Debugging JavaScript by Using Breakpoints
Get a leg up on debugging your JavaScript by learning how to use breakpoints in Firebug to inspect your code. Get Help: http://forum.kirupa.com Twitter: http://www.twitter.com/kirupa Facebook: http://www.facebook.com/kirupa -------------------------------------- Other HTML5 Tutorials: http://www.kirupa.com/html5/index.htm
Views: 78272 Kirupa Chinnathambi
Understanding Closures (In Under 10 Minutes!)
In very clear and simple terms, learn all about closures and how they work to do all the magical things that they do. ------------- Read the tutorial: https://www.kirupa.com/html5/closures_in_javascript.htm Buy the book: https://www.amazon.com/exec/obidos/ASIN/0789758067/kirupacom
Views: 39929 Kirupa Chinnathambi
DOM vs. Canvas
For visually complex tasks, know when to use the DOM and when to use canvas by learning about the two drawing modes used under the hood.
Views: 13555 Kirupa Chinnathambi
Meet the Timers: setTimeout, setInterval, and requestAnimationFrame
Learn how to delay execution of your code to the specified (or right) time by using setTimeout, setInterval, and requestAnimationFrame
Views: 5236 Kirupa Chinnathambi
CSS Animations vs. Transitions
In this video, learn about what transitions and animations have going for them (or not have going for them!) and when to use which. ----------- Check out my Animation book: http://bit.ly/AnimBook2 Read the article: http://www.kirupa.com/html5/css3_animations_vs_transitions.htm
Views: 20342 Kirupa Chinnathambi
Centering Stuff Vertically and Horizontally in CSS
In CSS, learn how to use flexbox to easily center your content both vertically as well as horizontally.
Views: 7436 Kirupa Chinnathambi
Creating Buttery Smooth Animations in CSS
Read the tutorial: http://www.kirupa.com/html5/animating_movement_smoothly_using_css.htm Check out the book: http://bit.ly/AnimBook2 ----------------- Learn how to use the translate3d transform to create animations that use a dash of hardware acceleration to run really smoothly.
Views: 28040 Kirupa Chinnathambi
Animation Loops in JavaScript using requestAnimationFrame
Create really smooth animations in JavaScript by having your animation use the requestAnimationFrame function. Learn more at: http://www.kirupa.com
Views: 33049 Kirupa Chinnathambi
Variable Scope in JavaScript
Learn the nuances of variable scoping in JavaScript by looking at various examples using 'var', 'let', and other techniques.
Views: 4694 Kirupa Chinnathambi
Setting up Atom for Web Development
In this short video, learn about the five packages I use to make working with HTML, CSS, and JS in Atom a much more enjoyable/productive experience :P
Views: 60418 Kirupa Chinnathambi
Slide an Image on Hover Using a CSS Transition
Learn how to create a simple effect made up of a few CSS techniques that revolve around the 'overflow' property, a 'transition', and a spiffy 'transform'.
Views: 89128 Kirupa Chinnathambi
Events in JavaScript
Read the tutorial: http://www.kirupa.com/html5/javascript_events.htm Check out the book: http://bit.ly/js101Book --------------------- In this introductory tutorial, learn all about why events are useful and how to work with them.
Views: 13338 Kirupa Chinnathambi
Setting CSS Styles using JavaScript
Learn how to use JavaScript to set styles directly or indirectly by toggling class values on elements.
Views: 11984 Kirupa Chinnathambi
CSS Animations
Read the tutorial: http://www.kirupa.com/html5/all_about_css_animations.htm Check out the book: http://bit.ly/AnimBook2 --------------------- Learn all about working with CSS animations by meeting the animation property, @keyframes rule, and more!
Views: 72100 Kirupa Chinnathambi
Working with Loops in JavaScript
Learn how to easily repeat your code using the for, while, and do...while loop variants!
Views: 8300 Kirupa Chinnathambi
JavaScript, the Browser, and the DOM
Learn about the parallel world your browser deals with called the DOM and how it allows you to modify EVERYTHING in your page using just JavaScript. Read the article here: https://www.kirupa.com/html5/javascript_the_browser_and_the_dom.htm
Views: 2651 Kirupa Chinnathambi
The Ken Burns Effect in CSS
Use a CSS animation to re-create the popular Ken Burns effect that you've probably seen everywhere! ------------------------------ Read the tutorial: http://www.kirupa.com/html5/ken_burns_effect_css.htm Buy the book: http://bit.ly/AnimBook2
Views: 11138 Kirupa Chinnathambi
CSS Transition Event
Learn about the transitionEnd event and how you can listen to it using some JavaScript. ---------------------- Visit kirupa.com: http://www.kirupa.com Check out my Animations book: http://bit.ly/AnimBook
Views: 4426 Kirupa Chinnathambi
Throttling Chatty Events in JavaScript
Learn how to keep chatty events like mousemove, touchmove, etc. from executing code unnecessarily.
Views: 1295 Kirupa Chinnathambi
Variables in JavaScript
Read the tutorial: http://www.kirupa.com/html5/variables_in_javascript.htm Check out the book: http://bit.ly/js101Book --------------------- Get the scoop on how to identify and re-use values in JavaScript by using variables.
Views: 7401 Kirupa Chinnathambi
Finding Elements in the DOM
Learn how to use the querySelector and querySelectorAll methods to help you easily find elements in the DOM.
Views: 4826 Kirupa Chinnathambi
2. Building Your First React App
Get a crazy-simple introduction to React by building a simple app and learning about all that goes on. Updated for React 16! --------- Getting started HTML: https://forum.kirupa.com/t/using-the-in-browser-react-and-babel-libraries/637983 Read tutorial: https://www.kirupa.com/react/building_your_first_react_app.htm
Views: 4698 Kirupa Chinnathambi
8. Dealing With State
Learn how to work with the state object to create stateful components that change and evolve.
Views: 1616 Kirupa Chinnathambi
Console Logging
Go beyond silly alert statements and learn how to use the console to get a better view into what your code is doing. Read the tutorial here: https://www.kirupa.com/html5/console.htm
Views: 2644 Kirupa Chinnathambi
12. Events in React
Turn your boring React app into something fun and interactive by learning all about how to work with events!
Views: 2436 Kirupa Chinnathambi
CSS Animation Events
Learn how to use the animationstart, animationiteration, and animationend events to do...something! --------------------- Visit kirupa.com: http://www.kirupa.com Check out the book: http://bit.ly/AnimBook
Views: 7198 Kirupa Chinnathambi
15. Introduction to Redux
Learn how you can use Redux to make managing your application state a breeze!
Views: 1558 Kirupa Chinnathambi
CSS Transitions
Read the tutorial: http://www.kirupa.com/html5/all_about_css_transitions.htm Check out the book: http://bit.ly/AnimBook2 --------------------- Learn all about how to use CSS transitions to make your everyday property changes come to life.
Views: 73485 Kirupa Chinnathambi
Introduction to Web Animations
In this video, we'll take a look at what animating in HTML, CSS, and JavaScript entails. --------------------- Check out the book: http://bit.ly/AnimBook2
Views: 21616 Kirupa Chinnathambi
Easing Functions in CSS
Read the tutorial: http://www.kirupa.com/html5/easing_functions_css3.htm Check out the book: http://bit.ly/AnimBook --------------------- Get an introduction to easing functions (aka timing functions) and how to use them in your CSS animations and transitions.
Views: 9728 Kirupa Chinnathambi
Handling Events for Multiple Elements
Without bloating your code, learn how to rely on event propagation to easily and efficiently listen for events on many elements.
Views: 3683 Kirupa Chinnathambi
Getting Jittery on Hover (Using a CSS Animation)
Create an easy and simple effect that only involves transforming the translate3d and scale3d functions.
Views: 2940 Kirupa Chinnathambi
Creating a Text Fade and Scale Animation in CSS
Use a little bit of CSS Animations knowledge, some random CSS properties, and a crazy easing function to create a fun and simple text effect.
Views: 36712 Kirupa Chinnathambi
Move Element to Mouse Click Position
Master the handful of tricks you need to get an element to smoothly move to the exact position of your mouse click.
Views: 23543 Kirupa Chinnathambi
Smooth Parallax Scrolling (CSS + JavaScript)
Create a really awesome and performant parallax scrolling effect with just a few lines of CSS and JavaScript. ------------ Read the tutorial: https://www.kirupa.com/html5/smooth_parallax_scrolling.htm Buy the book: https://www.amazon.com/exec/obidos/ASIN/1491957514/kirupacom
Views: 21025 Kirupa Chinnathambi
4. Styling in React
Learn how to style content in React using both old-school CSS and React's inline approach.
Views: 6124 Kirupa Chinnathambi
11. Accessing DOM Elements in React
Learn how to work with refs and portals to break free from your JSX cage and access your HTML elements directly.
Views: 2184 Kirupa Chinnathambi
Arrays in JavaScript: The Basics
Learn how to create, access, add, and remove items from an array in this introductory look at arrays in JavaScript.
Views: 2490 Kirupa Chinnathambi
Functions in JavaScript
Read the tutorial: http://www.kirupa.com/html5/functions_in_javascript.htm Check out the book: http://bit.ly/js101Book --------------------- Make your code more modular (and awesome!) by learning all there is to know about functions.
Views: 5851 Kirupa Chinnathambi
14. Building a Todo List App in React
Put all of your React skills to the test by learning how to build the classic Todo List app!
Views: 19644 Kirupa Chinnathambi
CSS Filters
Kick your visuals up a few notches by learning how to use the built-in filters like blur, drop-shadow, saturation, and other cool ones.
Views: 4288 Kirupa Chinnathambi
3. Components in React
Learn how to use components to make your React UI more modular...and awesome!
Views: 2867 Kirupa Chinnathambi
Using Firebug to Deal with CSS
Learn how to use Firebug to make diagnosing what CSS is up to really REALLY easy! If you have any questions or comments, post here: http://www.kirupa.com/forum/showthread.php?374713-Tutorial-Using-Firebug-to-Easily-Inspect-(and-Diagnose)-CSS! You can view this video in the context of kirupa.com at the following location: http://www.kirupa.com/html5/using_firebug_easily_inspect_diagnose_css.htm Get Help: http://www.kirupa.com/forum Twitter: http://www.twitter.com/kirupa Facebook: http://www.facebook.com/kirupa -------------------------------------- Other HTML5 Tutorials: http://www.kirupa.com/html5/index.htm
Views: 12165 Kirupa Chinnathambi
Creating a Smooth Sliding Menu
Learn how to create a menu that smoothly slides in and out of view! Get the starting point code from here: https://codepen.io/kirupa/pen/dNOYVm
Views: 9701 Kirupa Chinnathambi
Dealing with Vendor Prefixes in CSS and JavaScript
Learn all about what vendor prefixes are, why they exist, and how to make working with them in CSS and JavaScript fun. More at: http://www.kirupa.com
Views: 3817 Kirupa Chinnathambi
ES6: The const Keyword
Learn about the new 'const' keyword and how it makes working with constant variables a breeze...sometimes!
Views: 1842 Kirupa Chinnathambi
Recreating the Blink Tag
Learn how to use a CSS animation to create one of the most famous HTML tags of all time.
Views: 3989 Kirupa Chinnathambi

Jobs applications for 15 year olds in memphis tn
A sample annotated bibliography in mla format
Examples of a cover letter for a retail job descriptions
Pregnancy loss australia newsletter formats
I am willing to travel cover letter