Videos uploaded by user “Loot Tutorial”
Titanium Mobile - 08. Adding an alert dialog
In this video, we add the alert dialog in to our app. Alert dialogs are really useful, especially when you want to verify a user's action with the user; for example, deleting selected contents.
Views: 5097 Loot Tutorial
Titanium Mobile: 01. Introduction to Appcelerator Titanium
Welcome to my new video series on Appcelerator Titanium. Appcelerator Titanium is basically and API created by Appcelerator, and it let's you create native iPhone and Android (and iPad) apps using only web technologies, so without the need to learn any Objective C or Java! All you need to know is JavaScript.
Views: 29921 Loot Tutorial
JavaScript - 16. Break statement and continue statement
In this video, we talk about the break statement and the continue statement. Break statement is used to jump out (halt) of the loop in for example, for loops and while loops. Continue statement is used to jump over to the next loop, skipping the current one.
Views: 4939 Loot Tutorial
CSS3 - 09. Working with text-overflow
In this video, we look at the text-overflow property in CSS3.
Views: 3532 Loot Tutorial
JavaScript - 23. Introduction to HTML DOM
From this video, we will be looking at HTML DOM, and using it in JavaScript. DOM stands for Document Object Model, and by using HTML DOM, we can create dynamic HTML webpages.
Views: 19730 Loot Tutorial
JavaScript - 30. Removing existing HTML elements using DOM
In this video, we use JavaScript to remove HTML elements. I use a p tag as a simple example to remove it from my webpage.
Views: 10009 Loot Tutorial
JavaScript - 33. Creating a direct instance of an object
In this video, we create our very own object. There are 2 ways to creating a custom object, and in this video I will show you one of them, and in the next video I will show you the other method. I also add properties to our object.
Views: 2965 Loot Tutorial
JavaScript - 37. String methods: match(), and replace()
In this video, we look at the two string methods: the match() and the replace(). The match method finds the exact string, and the replace method find the exact string and replaces it with a different one.
Views: 7747 Loot Tutorial
JavaScript - 44. Simple form email validation
In this video, we create a simple email validation you can use in your form. An email address has a general syntax (contains one @ symbol, a . symbol after the @ symbol, and so on), and checks whether the inserted text is following the general syntax/structure of an email.
Views: 17345 Loot Tutorial
JavaScript - 14. while loop and the difference from for loop
In this video, we look at the while loop in JavaScript. While loops are really similar to for loops, except you don't declare the variable within the loop. We also look at the difference between the two.
Views: 4428 Loot Tutorial
JavaScript - 25. Changing HTML content and attribute
In this video, we look at ways to change HTML content and attribute using JavaScript and HTML DOM.
Views: 9498 Loot Tutorial
JavaScript - 26. Changing CSS using JavaScript
In this video, we look at ways in which we can change the CSS using JavaScript and HTML DOM. We also play around with the style.visible property to hide/show our text.
Views: 11600 Loot Tutorial
JavaScript - 29. Creating new HTML elements using HTML DOM
In this video, we look at how we can create new HTML elements using HTML DOM in JavaScript. As an example, I created a new p tag with text inside.
Views: 15103 Loot Tutorial
JavaScript - 34. Using an object constructor
In this video, we look at another way of creating our own objects in JavaScript; using an object constructor. We use functions to create an object.
Views: 5313 Loot Tutorial
JavaScript - 27. DOM events- onclick and onmouseover
With HTML DOM you can use JavaScript to react to certain HTML events, such as clicking on to a certain part of your website, hovering over it, and so on. In this video, we look at onclick, onmouseover, and onmouseout.
Views: 10286 Loot Tutorial
CSS3 - 01. Introduction to CSS3
In this video, we look at the new version of CSS; the CSS3. CSS3 is currently still in development, but some of its features are already available to major web browsers. CSS3 adds a whole lot of new features to web development, from rounded borders, box and text shadows, to animations. With CSS3, you'll be able to create sleek websites without the need of using other languages such as jQuery.
Views: 1945 Loot Tutorial
JavaScript - 42. Associative Arrays
In this video, we look at associative arrays in JavaScript. Associative arrays are arrays where you use a custom string value instead of the index number to access specific values in your array.
Views: 1205 Loot Tutorial
CSS3 - 08. Wrapping your words within the box
In this video, we look at the word-wrap property in CSS3.
Views: 941 Loot Tutorial
Titanium Mobile - 28. How to hide keyboards with .blur
In this video, we write a quick event listener to hide the keyboard and lose the focus of the textfield when clicking onto somewhere in the window outside both the textfield and the keyboard.
Views: 2279 Loot Tutorial
JavaScript - 35. Adding methods to JavaScript objects
In this video, we add methods to our JavaScript objects. Adding methods is similar to adding properties, except we need to stick a function underneath it in order for the method to behave how we want to.
Views: 1972 Loot Tutorial
JavaScript - 28. onmousedown, onmouseup, and onfocus
We continue to look at HTML DOM events, and in this video, I talk about onmousedown, onmouseup, and on focus! All 3 of them are fun and quite useful!
Views: 4677 Loot Tutorial
CSS3 - 11. Radial-gradient
In this video, we are going to look at the radial-gradient property in CSS3. This is similar to the linear-gradient property we looked at in the last video, expect this time we create circle (technically ellipse) gradients instead of a straight line.
Views: 1044 Loot Tutorial
JavaScript - 22. Confirm box and prompt box
In this video, we look at the confirm box and the prompt box in JavaScript.
Views: 9196 Loot Tutorial
JavaScript - 19. Functions with arguments
In this video, we look at functions with arguments, or parameters. With arguments, you can choose the value you want to pass through to the function. With arguments, you can create functions like addition and subtraction for calculators.
Views: 2404 Loot Tutorial
CSS3 - 12. Changing your background image size
In this video, we are going to look at how to change your background image size using CSS3. Up until now, the background image size depended on the size of the image you use, but with CSS3 you can change the size of your background image using CSS3. It's not the most fancy feature in CSS3, but it's still useful to know about it.
Views: 29754 Loot Tutorial
Titanium Mobile - 17. Adding maps to your app
In this video, we add a Google map to our app. We add various options to our mapView to set our map position, and so on.
Views: 5525 Loot Tutorial
Titanium - 03. First look and creating your new project
We take a first look at Titanium Studio (briefly), and start creating out new project. We look at using the iPhone simulator and the Android emulator.
Views: 16598 Loot Tutorial
Titanium Mobile - 35. Animation cycles
In this video, we look at how to use an event listener to listen to the animation "complete", and load another animation after it.
Views: 1699 Loot Tutorial
JavaScript - 32. Accessing object properties and methods
In this video, we look at how to access object properties and methods in JavaScript. I use a pre-defined string object, the string.length property, and the string.touppercase method as an example.
Views: 2729 Loot Tutorial
JavaScript - 04. Variables
In this video, I start talking about variables in JavaScript. You declare a variable by typing var, then a variable name.
Views: 1414 Loot Tutorial
JavaScript - 39. Playing around with the getTime method
In this video, we play around with the getTime() method shown in the last video.
Views: 1811 Loot Tutorial
JavaScript - 18. Function with a return value
In this video, we look at functions with a return value. With the return statement, we can return a value from the function.
Views: 8972 Loot Tutorial
Titanium Mobile - 36. Adding an activity indicator
In this video, we will be adding an activity indicator in to our app. Activity indicators are those things that you see when you are waiting for something to load. For example, you see this circle image going round and round with a text "Loading..." next to it. It's really useful as it tells the user of your app that your app is loading something, and have not frozen.
Views: 2669 Loot Tutorial
JavaScript - 36. String methods: indexOf()
We look at some built in methods in JavaScript for the string objects; the indexOf().
Views: 6528 Loot Tutorial
Dropbox - 06. Making your files & folders public
Get Dropbox through this link and get 500MB extra space! - http://db.tt/sgY59i5P Enable public folders in your Dropbox here! - https://www.dropbox.com/enable_public_folder Dropbox is a cloud storage & file synchronisation service which let you store files 'on the cloud', synch files and folders with multiple computers, and share folders with friends/families/colleagues. In this video, we look at how to make your files and folders public in Dropbox.
Views: 9848 Loot Tutorial
Titanium Mobile - 13. Tabs and tabgroups
We look at tabs and tabgroups in Titanium. When you create a new default project and run the simulator without changing the code, it'll display a two-tabbed application with windows, views and labels. We'll be creating that from scratch.
Views: 4475 Loot Tutorial
JavaScript - 08. Comparison operators
In this video, I talk about comparison operators. The operators I looked at are the following: == is equal to === is exactly equal to != is not equal to !== is exactly equal to "less than sign" is less than "greater than sign" is greater than "less than sign"= is less than or equal to "greater than sign"= is greater than or equal to You need to know these comparison operators in order to play around with condition statements which we will look at in the next video.
Views: 2299 Loot Tutorial
JavaScript - 24. document.write
In this video, we look at document.write, a simple method to change (write to) HTML directly using JavaScript. I also talk about the cautions of using document.write.
Views: 6150 Loot Tutorial
Titanium Mobile - 16. Creating tables
In this video, we create tables! Tables are one of the most useful tools when creating apps for both iPhone and Android. Whether you are creating a game or a utility app, you'll use tables in one way or another.
Views: 4985 Loot Tutorial
Titanium Mobile - 02. Installing Titanium Studio and the SDK
In this video, we will install Titanium Studio, the IDE we are going to be using to create our apps. Titanium Studio is similar to Aptana Studio, because Appcelerator acquired Aptana and created Titanium Studio from it. We will also look at installing Android and iPhone SDK in order to get ready to start coding!
Views: 21087 Loot Tutorial
Titanium - 34. Animations in Titanium (scale & rotation)
In this video, we look at scale and rotation animation in Titanium Mobile.
Views: 2249 Loot Tutorial
Titanium Mobile - 25. Multi-column picker (part2)
This is the part 2 of the video where I create a multi-column picker for my iPhone/Android app in Titanium Studio.
Views: 2607 Loot Tutorial
CSS3 - 04. Making a picture frame
In this video, we use the border-radius property we looked at in the last video, to create a simple and cool-looking circle picture frame. When you set the value of the border-radius to 50%, the border turns in to a complete circle. Then, you can add an image by using the background-image property.
Views: 809 Loot Tutorial
JavaScript - 09. if statement
In this video, we look at our first condition statement, the if statement. The if statement has a condition, and if that condition is true, the code below will execute. It's a really useful statement.
Views: 2636 Loot Tutorial
JavaScript - 03. JavaScript statements
In this video, I talk about the JavaScript statement; a code which tells the browser what to do.
Views: 1698 Loot Tutorial
CSS - 04. Style priority and comments in CSS
To finish off the topic of the 3 ways of inserting CSS in HTML, we look at style priority in CSS; how one declaration overrides another.
Views: 476 Loot Tutorial
HTML - 06. Adding links in our website
Check out the whole HTML Playlist: http://www.youtube.com/playlist?list=PLHGSE2kjRS_Yob2CqafHk_M_r8UiYO8Wk In this video I talked about adding external links into our website, using the 'a' tag and the href attribute.
Views: 139 Loot Tutorial
Titanium Mobile - 04. Creating your first app: Hello World!
In this video, we create our first app from scratch. We look at creating the window, view and a label with the text "Hello World!" to create a simple app with the background colour of yellow with the text being displayed in the middle.
Views: 13572 Loot Tutorial
Mental Maths - 01. Introduction to Mental Maths
Welcome to my introduction to Mental Maths video. With my newly bought pen tablet, I am going to show you some nice secrets, tips, and tricks to doing complex calculations quickly, sometimes even in your head. Enjoy!
Views: 270 Loot Tutorial
XHTML - 03. Converting from HTML to XHTML
This video is last of the short series of XHTML, where I talk about how to convert HTML documents to XHTML. IN the couple of minutes, I also talk about the HTML/XHTML validator provided by the official w3.
Views: 1497 Loot Tutorial