Home
Search results “Document getelementsbyclassname style display block”
Automatic slide show 5 - Accessing HTML elements in JavaScript
 
10:14
5 - Accessing HTML elements in JavaScript Automatic slide show: where slides get change automatically after a fixed interval of time. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Web slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { width:100%; height:500px; background-color:gray; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); slides[0].style.display="none"; </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/xQldT67K2TE Follow the link for previous video: https://youtu.be/N3Tqs9sI9wE ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Automatic slide show 6 - Coding behaviour of the slide show
 
16:00
6 - Coding behaviour of the slideshow Automatic slide show: where slides get change automatically after a fixed interval of time. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Web slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { width:100%; height:500px; background-color:gray; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> <img class="slide" src="image2.jpg" width="100%" height="500px"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); var slide=0; setInterval(changeSlide,2000); function changeSlide() { for(var i=0; i<slides.length; i++) { slides[i].style.display="none"; } slide++; if(slide > slides.length-1) { slide=0; } slides[slide].style.display="block"; } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/tuZOcHrEO5Y Follow the link for previous video: https://youtu.be/BsNrb4JEe4I ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Interactive slide show tutorial 07 - Setting all slides invisible in JS
 
06:36
Interactive slide show tutorial 07 - Setting all slides invisible in JS Interactive slide show: where slides get change based on user interaction Ex: Button click etc. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Interactive slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { position:relative; width:100%; height:500px; background-color:black; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } input#leftButton { position:absolute; left:0%; top:38%; z-index:9999; } input#rightButton { position:absolute; right:0%; top:38%; z-index:9999; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> <img class="slide" src="image2.jpg" width="100%" height="500px"/> <img class="slide" src="image3.jpg" width="100%" height="500px"/> <img class="slide" src="image4.jpg" width="100%" height="500px"/> <input id="leftButton" type="image" src="leftButton.png" onclick="changeSlide('btnLeft')"/> <input id="rightButton" type="image" src="rightButton.png" onclick="changeSlide('btnRight')"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); //alert(slides.length);//5 var slide=0; function changeSlide(buttonClicked) { for(var i=0;i<slides.length;i++) { slides[i].style.display="none"; } alert(buttonClicked + " clicked"); } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/1wTFwt8Ou4A Follow the link for previous video: https://youtu.be/WvqPggAQZxQ ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Interactive slide show tutorial 08 - Change Slide on Right Button Clicked
 
13:05
Interactive slide show tutorial 08 - Change Slide on Right Button Clicked Interactive slide show: where slides get change based on user interaction Ex: Button click etc. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Interactive slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { position:relative; width:100%; height:500px; background-color:black; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } input#leftButton { position:absolute; left:0%; top:38%; z-index:9999; } input#rightButton { position:absolute; right:0%; top:38%; z-index:9999; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> <img class="slide" src="image2.jpg" width="100%" height="500px"/> <img class="slide" src="image3.jpg" width="100%" height="500px"/> <img class="slide" src="image4.jpg" width="100%" height="500px"/> <input id="leftButton" type="image" src="leftButton.png" onclick="changeSlide('btnLeft')"/> <input id="rightButton" type="image" src="rightButton.png" onclick="changeSlide('btnRight')"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); //alert(slides.length);//5 var slide=0; function changeSlide(buttonClicked) { for(var i=0;i<slides.length;i++) { slides[i].style.display="none"; } if(buttonClicked=='btnRight') { slide++; if(slide>slides.length-1) { slide = slides.length-1; } } slides[slide].style.display="block"; } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/ualCzvkz8l8 Follow the link for previous video: https://youtu.be/uCLW250tvBQ ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Interactive slide show tutorial 09 - Change Slide on Left Button Clicked
 
07:04
Interactive slide show tutorial 09 - Change Slide on Left Button Clicked Interactive slide show: where slides get change based on user interaction Ex: Button click etc. Example code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Interactive slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { position:relative; width:100%; height:500px; background-color:black; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } input#leftButton { position:absolute; left:0%; top:38%; z-index:9999; } input#rightButton { position:absolute; right:0%; top:38%; z-index:9999; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> <img class="slide" src="image2.jpg" width="100%" height="500px"/> <img class="slide" src="image3.jpg" width="100%" height="500px"/> <img class="slide" src="image4.jpg" width="100%" height="500px"/> <input id="leftButton" type="image" src="leftButton.png" onclick="changeSlide('btnLeft')"/> <input id="rightButton" type="image" src="rightButton.png" onclick="changeSlide('btnRight')"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); //alert(slides.length);//5 var slide=0; function changeSlide(buttonClicked) { for(var i=0;i<slides.length;i++) { slides[i].style.display="none"; } if(buttonClicked=='btnRight') { slide++; if(slide>slides.length-1) { slide = slides.length-1; } } if(buttonClicked=='btnLeft') { slide--; if(slide<0) { slide=0; } } slides[slide].style.display="block"; } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/l1_V2P2luI8 Follow the link for previous video: https://youtu.be/1wTFwt8Ou4A ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Automatic slide show 8 - Animating opacity of slides (Fade effect)
 
05:57
8 - Animating opacity of slides (Fade effect) Automatic slide show: where slides get change automatically after a fixed interval of time. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Web slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { width:100%; height:500px; background-color:black; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } .animateOpacity { -webkit-animation-name:opacityAnimation; -moz-animation-name:opacityAnimation; -o-animation-name:opacityAnimation; -ms-animation-name:opacityAnimation; animation-name:opacityAnimation; -wekit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; -ms-animation-duration:2s; animation-duration:2s; } @-webit-keyframes opacityAnimation { from { opacity:0.1 ; } to { opacity:1; } } @-moz-keyframes opacityAnimation { from { opacity:0.1 ; } to { opacity:1; } } @-o-keyframes opacityAnimation { from { opacity:0.1 ; } to { opacity:1; } } @-ms-keyframes opacityAnimation { from { opacity:0.1 ; } to { opacity:1; } } @keyframes opacityAnimation { from { opacity:0.1 ; } to { opacity:1; } } </style> </head> <body> <div id="slideshow"> <img class="slide animateOpacity" src="image0.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image1.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image2.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image3.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image4.jpg" width="100%" height="500px"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); var slide=0; setInterval(changeSlide,2000); function changeSlide() { for(var i=0; i<slides.length; i++) { slides[i].style.display="none"; } slide++; if(slide > slides.length-1) { slide=0; } slides[slide].style.display="block"; } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/7z0_sl_oS5s Follow the link for previous video: https://youtu.be/tuZOcHrEO5Y ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Interactive slide show tutorial 10 - Adding fade effect to slides
 
04:51
Interactive slide show tutorial 10 - Adding fade effect to slides Interactive slide show: where slides get change based on user interaction Ex: Button click etc. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Interactive slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { position:relative; width:100%; height:500px; background-color:black; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } input#leftButton { position:absolute; left:0%; top:38%; z-index:9999; } input#rightButton { position:absolute; right:0%; top:38%; z-index:9999; } .animateOpacity { -webit-animation-name:opacityAnimation; -moz-animation-name:opacityAnimation; -o-animation-name:opacityAnimation; -ms-animation-name:opacityAnimation; animation-name:opacityAnimation; -webit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; -ms-animation-duration:2s; animation-duration:2s; } @-webit-keyframes opacityAnimation { from { opacity:0.1; } to { opacity:1; } } @-moz-keyframes opacityAnimation { from { opacity:0.1; } to { opacity:1; } } @-o-keyframes opacityAnimation { from { opacity:0.1; } to { opacity:1; } } @-ms-keyframes opacityAnimation { from { opacity:0.1; } to { opacity:1; } } @keyframes opacityAnimation { from { opacity:0.1; } to { opacity:1; } } </style> </head> <body> <div id="slideshow"> <img class="slide animateOpacity" src="image0.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image1.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image2.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image3.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image4.jpg" width="100%" height="500px"/> <input id="leftButton" type="image" src="leftButton.png" onclick="changeSlide('btnLeft')"/> <input id="rightButton" type="image" src="rightButton.png" onclick="changeSlide('btnRight')"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); //alert(slides.length);//5 var slide=0; function changeSlide(buttonClicked) { for(var i=0;i<slides.length;i++) { slides[i].style.display="none"; } if(buttonClicked=='btnRight') { slide++; if(slide>slides.length-1) { slide = slides.length-1; } } if(buttonClicked=='btnLeft') { slide--; if(slide<0) { slide=0; } } slides[slide].style.display="block"; } </script> </body> </html> ======================================================== Follow the link for previous video: https://youtu.be/ualCzvkz8l8 ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Interactive slide show tutorial 06 - Adding interactivity to buttons in JS
 
05:31
Interactive slide show tutorial 06 - Adding interactivity to buttons in JS Interactive slide show: where slides get change based on user interaction Ex: Button click etc. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Interactive slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { position:relative; width:100%; height:500px; background-color:black; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } input#leftButton { position:absolute; left:0%; top:38%; z-index:9999; } input#rightButton { position:absolute; right:0%; top:38%; z-index:9999; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> <img class="slide" src="image2.jpg" width="100%" height="500px"/> <img class="slide" src="image3.jpg" width="100%" height="500px"/> <img class="slide" src="image4.jpg" width="100%" height="500px"/> <input id="leftButton" type="image" src="leftButton.png" onclick="changeSlide('btnLeft')"/> <input id="rightButton" type="image" src="rightButton.png" onclick="changeSlide('btnRight')"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); // alert(slides.length); // 5 var slide=0; function changeSlide(buttonClicked) { alert(buttonClicked + " clicked"); } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/uCLW250tvBQ Follow the link for previous video: https://youtu.be/iJ2vbd9_2xg ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Automatic slide show 7 - Adding more slides to the slide show
 
11:58
7 - Adding more slides to the slideshow Automatic slide show: where slides get change automatically after a fixed interval of time. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Web slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { width:100%; height:500px; background-color:gray; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> <img class="slide" src="image2.jpg" width="100%" height="500px"/> <img class="slide" src="image3.jpg" width="100%" height="500px"/> <img class="slide" src="image4.jpg" width="100%" height="500px"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); var slide=0; setInterval(changeSlide,2000); function changeSlide() { for(var i=0; i<slides.length; i++) { slides[i].style.display="none"; } slide++; if(slide > slides.length-1) { slide=0; } slides[slide].style.display="block"; } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/X_IWXZSxknY Follow the link for previous video: https://youtu.be/xQldT67K2TE ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Checked Attribute of Checkbox Control in HTML5 - 92
 
00:40
This is a HTML5 tutorial for beginners where we learn about Checked Attribute of Checkbox Control.
Views: 71 FWAIT
Interactive slide show tutorial 05 - Accessing slides in JavaScript
 
10:06
Interactive slide show tutorial 05 - Accessing slides in JavaScript Interactive slide show: where slides get change based on user interaction Ex: Button click etc. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Interactive slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { position:relative; width:100%; height:500px; background-color:black; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } input#leftButton { position:absolute; left:0%; top:38%; z-index:9999; } input#rightButton { position:absolute; right:0%; top:38%; z-index:9999; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> <img class="slide" src="image2.jpg" width="100%" height="500px"/> <img class="slide" src="image3.jpg" width="100%" height="500px"/> <img class="slide" src="image4.jpg" width="100%" height="500px"/> <input id="leftButton" type="image" src="leftButton.png" /> <input id="rightButton" type="image" src="rightButton.png" /> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); alert(slides.length); // 5 var slide =0; </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/WvqPggAQZxQ Follow the link for previous video: https://youtu.be/UCerZCAwPc0 ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Automatic slide show 9 - Animating position of slides (Slide In effect)
 
13:09
9 - Animating position of the slides (SlideIn effect) Automatic slide show: where slides get change automatically after a fixed interval of time. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Web slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { width:100%; height:500px; background-color:black; position:relative; overflow:hidden; } img.slide { display:none; position:absolute; } img.slide:nth-child(1) { display:block; } .animateOpacity { -webkit-animation-name:opacityAnimation; animation-name:opacityAnimation; -wekit-animation-duration:2s; animation-duration:2s; } @-webit-keyframes opacityAnimation { from { opacity:0.1 ; } to { opacity:1; } } @keyframes opacityAnimation { from { opacity:0.1 ; } to { opacity:1; } } .animateSlideDown { -webkit-animation-name:slideDownAnimation; animation-name:slideDownAnimation; -wekit-animation-duration:2s; animation-duration:2s; } @-webit-keyframes slideDownAnimation { from { top:-100%; } to { top:0%; } } @keyframes slideDownAnimation { from { top:-100%; } to { top:0%; } } .animateSlideLeft { -webkit-animation-name:slideLeftAnimation; animation-name:slideLeftAnimation; -wekit-animation-duration:2s; animation-duration:2s; } @-webit-keyframes slideLeftAnimation { from { left:100%; } to { left:0%; } } @keyframes slideLeftAnimation { from { left:100%; } to { left:0%; } } .animateSlideUp { -webkit-animation-name:slideUpAnimation; animation-name:slideUpAnimation; -wekit-animation-duration:2s; animation-duration:2s; } @-webit-keyframes slideUpAnimation { from { top:100%; } to { top:0%; } } @keyframes slideUpAnimation { from { top:100%; } to { top:0%; } } .animateSlideRight { -webkit-animation-name:slideRightAnimation; animation-name:slideRightAnimation; -wekit-animation-duration:2s; animation-duration:2s; } @-webit-keyframes slideRightAnimation { from { left:-100%; } to { left:0%; } } @keyframes slideRightAnimation { from { left:-100%; } to { left:0%; } } </style> </head> <body> <div id="slideshow"> <img class="slide animateSlideDown" src="image0.jpg" width="100%" height="500px"/> <img class="slide animateSlideLeft" src="image1.jpg" width="100%" height="500px"/> <img class="slide animateSlideUp" src="image2.jpg" width="100%" height="500px"/> <img class="slide animateSlideRight" src="image3.jpg" width="100%" height="500px"/> <img class="slide animateOpacity" src="image4.jpg" width="100%" height="500px"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); var slide=0; setInterval(changeSlide,2000); function changeSlide() { for(var i=0; i<slides.length; i++) { slides[i].style.display="none"; } slide++; if(slide > slides.length-1) { slide=0; } slides[slide].style.display="block"; } </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/kp6xl1yZSMc Follow the link for previous video: https://youtu.be/X_IWXZSxknY ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Excel VBA Introduction Part 48 - Web Scraping Across Multiple Pages
 
01:00:08
PLEASE NOTE: The design of the website used in this video has changed since the video was recorded. This means that the code shown will no longer work for the website used. You can download both the original code and a revised, working version from this link https://www.wiseowl.co.uk/videos/excelvba/scraping-multiple-web-pages.htm If you'd like to help fund Wise Owl's conversion of tea and biscuits into quality training videos you can click this link https://www.wiseowl.co.uk/donate?t=1 to make a donation. Thanks for watching! You can buy our Introduction to Excel VBA book here https://www.lulu.com/shop/andrew-gould/introduction-to-excel-vba/paperback/product-23301058.html By Andrew Gould Download example files here https://www.wiseowl.co.uk/videos/excelvba/scraping-multiple-web-pages.htm https://www.wiseowl.co.uk - What's better than scraping one web page? Scraping lots of them with the same procedure, of couse! This video explains how to loop over multiple pages using Microsoft's HTML and XML object libraries. You'll learn about HTML tags and classes, the Document Object Model and how to loop over elements on a page. Visit www.wiseowl.co.uk for more online training resources in Microsoft Excel, SQL Server, Reporting Services, Analysis Services, Integration Services, ASP.NET, C#, Visual Basic, Microsoft Access, Microsoft PowerPoint, Microsoft Word, Microsoft Project, Microsoft Publisher, Microsoft Visio and more
Views: 30558 WiseOwlTutorials
How to use Google Chrome Developer Tools to find the class name or ID of webpage elements
 
00:41
This video will show you how to use Google Chrome Developer Tools to find the class name or ID of webpage elements. It will also show you how to change the CSS value in the Developer Tools so you can test the CSS value without changing the code of your webpage. The WordPress tab is created with the WordPress plugin WonderPlugin Tabs: https://www.wonderplugin.com/wordpress-tabs/
Views: 9792 Amazing Slider
Tutorial: JavaScript Functions and Event Delegation
 
22:13
In this tutorial we're going to build a tabbed navigation using JavaScript. Besides, we'll talk about functions and the concept of event delegation. This is a free lesson from our JavaScript and jQuery course: https://codyhouse.co/course/learn-javascript-jquery/
Views: 1887 CodyHouse
Preparing Your Site for the Web
 
40:33
Views: 1128 CS50
Google I/O 2009 -..GWT & GQuery to Enhance AJAX Applications
 
52:49
Google I/O 2009 - Progressively Enhance AJAX Applications with Google Web Toolkit and GQuery Ray Cromwell Don't throw away your Web 1.0 websites just yet. In this session, you'll learn how to take your existing websites, and layer AJAX on top of them using GQuery, a jQuery style library for GWT. Learn how GQuery benefits performance over existing solutions, increases productivity, and reduces defects by leveraging the GWT tool chain. For presentation slides and all I/O sessions, please go to: code.google.com/events/io/sessions.html
Views: 25434 Google Developers
CRACK KIDS
 
09:58
CRACK KIDS
Views: 24635 cutirpie0922
Speed Up Your JavaScript
 
56:23
Google Tech Talk June 4, 2009 ABSTRACT Web Exponents: Speed Up Your JavaScript Presented by Nicholas C. Zakas. As an interpreted language, JavaScript is filled with hidden performance issues that conspire to slow down your code and ruin the user experience. Learn exactly what is fast, what is slow, and what you can do to squeeze that last bit of performance out of your JavaScript code. Nicholas C. Zakas is the author of Professional JavaScript for Web Developers, 2nd Edition (Wrox, 2009), co-author of Professional Ajax, 2nd Edition (Wrox, 2007), and a contributor to Even Faster Web Sites (O'Reilly, 2009). Nicholas is principal front end engineer for the Yahoo! homepage and is also a contributor to the Yahoo! User Interface (YUI) library. The Web Exponents Series is hosted by Steve Souders
Views: 132105 GoogleTechTalks
Crockford on JavaScript - Episode IV: The Metamorphosis of Ajax
 
01:33:55
Yahoo!'s JavaScript architect Douglas Crockford continues his lecture series on the JavaScript programming language with an analysis of the Document Object Model (DOM) and an exploration of Ajax.
Views: 58872 YUI Library
Swipeable Cards: Live Code Session - Supercharged
 
58:07
In this Swipeable Cards Live Code Session (Supercharged), Paul and Surma break down the step by step build process. Expect chat, performance and bugs! Please 'Like' this video if you want to see more! Find the code on Github here: https://github.com/GoogleChrome/ui-element-samples For a recap watch the Swipeable Cards TL;DW here: https://goo.gl/sRJUnX Check out new live code session on Side Nav here: https://goo.gl/pxwbgg Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf
Views: 231962 Google Chrome Developers
Юрий Галъцев Геннадий Ветров Гадалка
 
08:31
Юрий Гальцев и Геннадий Ветров Гадалка
Views: 713 Tolua Antipov
Endless love (romances love song)  please share and like if u like it thanks alot
 
04:24
Endless love bless for the two little puppies will fill up their missing . the two lovely puppies will not met up their lovely owner anymore.they r so missing their owner n just sat infront of the door everyday n nite.and rejected their food. here to wish they will get meet again with their owner n bless god returns their happiness again,thanks. hope everbody will sent a hand to share out n sent a click to like to bless them ...thanks wish u will like it ~(^_^)~