JQuery Video Tutorial Pt 7

Learn AjaxIn this part of the JQuery Video Tutorial I will show you how to retrieve information from your server dynamically. It is amazingly easy to implement AJAX concepts using JQuery.

By the end of this tutorial you’ll be able to retrieve plain text and XML. You’ll also be able to access PHP code that can access databases, or any other type of information on your server. And, yes this works dynamically!

Continue reading JQuery Video Tutorial Pt 7

Career Help

Guidance CounselorJohn sent me an email asking for career help. He was specifically looking for a test that would tell him which job was best suited for him.

A while back I actually went to local school guidance counselors and got some nice career tests. I actually created an online version that you can see here Career Help Test.

In this video tutorial I present the best test I found. After the test you’ll find a brief description on the different career types and the best careers for each.

Continue reading Career Help

JQuery Video Tutorial Pt 5

JQuery AnimationIn this JQuery video tutorial I introduce the JQuery UI library. I also show you numerous ways to animate elements using JQuery. I cover hide, show, toggle, fadeOut, fadeTo, slideUp, slideDown, animate and effect. I also cover numerous other properties.

If you missed part 1 of this tutorial watch it first JQuery Video Tutorial.

If you want the JQuery UI library, it can be found here JQuery UI Library

Continue reading JQuery Video Tutorial Pt 5

JQuery Video Tutorial Pt 4

JQuery The DOMI’ve received many requests to cover Document Object Model manipulation with JQuery. So, in this JQuery Video Tutorial I’ll show you numerous ways to add and delete elements to the DOM.

JQuery provides numerous ways to add elements and precise ways to delete others. I’ll specifically cover the following functions: before(), insertBefore(), prependTo(), appendTo(), append(), insertAfter(), after() and remove().

Continue reading JQuery Video Tutorial Pt 4

JQuery Video Tutorial Pt 3

JQuery Event HandlingIn this JQuery Video Tutorial I will cover numerous topics with a focus on Event Handling. If you missed part 1 check it out first JQuery Video Tutorial.

I’ll show you below how to:

  • Bind Events to an Element in a Web Page
  • Change Content Dynamically Based off of Events being Triggered
  • Track Mouse Movements
  • Monitor Keyboard Presses
  • Track Every Event with 1 Function

Continue reading JQuery Video Tutorial Pt 3

JQuery Video Tutorial Pt 2

JQuery Ajax TutorialWow, did the last JQuery Video Tutorial generate a lot of emails! I’m glad you guys and gals are interested in JQuery. Yes I will cover everything there is to know about the JQuery Framework in this tutorial.

If you missed the past tutorial it is here JQuery Video Tutorial.

In this video I’ll answer many of the questions I received such as:

Continue reading JQuery Video Tutorial Pt 2

JQuery Video Tutorial

JQuery Ajax TutorialThis is the first part of my JQuery Video Tutorial. I will also cover all of the techniques that go into implementing a dynamic site using Asynchronous JavaScript and XML (AJAX).

It is extremely easy to use AJAX techniques with JQuery. First you must understand that AJAX is not a language, it is just a series of techniques used to dynamically change websites with out page reloads.

If you’d prefer to read about AJAX, here is another article Ajax What is it?

Continue reading JQuery Video Tutorial

Enchantment Guy Kawasaki Book Review

Enchantment Guy KawasakiI don’t do book reviews, but when I’m asked to do something I feel obligated. About a month ago Guy Kawasaki sent me his new book Enchantment and asked me what I thought.

If you don’t know who Guy Kawasaki is he:

  • Was involved in creating the classic Apple 1984 commercial
  • Started Alltop.com
  • Is extremely popular on Twitter
  • Is a marketing genius

Continue reading Enchantment Guy Kawasaki Book Review

Horizontal Menu Tutorial

Menu HorizontalIt’s not very often that I make a video tutorial that I really love, but I think I did it today!

In this video tutorial I show you everything that goes into making a full website design with a Horizontal Menu.

I not only show you everything, I try to do it using the least amount of code possible. In doing that I think you will be able to easily make your own web designs.

Continue reading Horizontal Menu Tutorial

JavaScript Video Tutorial Pt 9

JavaScript CookiesIn this JavaScript Video Tutorial, I show you how to create, change, delete and retrieve the values in JavaScript cookies.

I also review some useful string functions and other ways to use the Document Object Model.

If you missed previous versions of this video tutorial, it all started with this JavaScript Video Tutorial Part 1. By the end of this tutorial you’ll not only understand how to do anything with cookies, you’ll also have an intimate knowledge of the DOM.

Continue reading JavaScript Video Tutorial Pt 9

JavaScript Video Tutorial Pt 8

Javascript Error HandlingIn this tutorial I go over a bunch of JavaScript tricks with a focus on error handling in general. If you missed the other parts of this tutorial you should start here JavaScript Video Tutorial.

I’m going to touch on how to dynamically update the web page, because you guys have some questions about that. I’ll then explain how JavaScript Error Handling works by showing you how Try, Throw and Catch works.

All of the code follows the video below and it is free to use however you’d like.

Continue reading JavaScript Video Tutorial Pt 8

JavaScript Video Tutorial Pt 7

JavaScript Form ValidationIn this part of my JavaScript Video Tutorial, I explain how to dynamically validate forms using JavaScript. This is also a review on how to use the Document Object Model and Regular Expressions.

If you missed the first part of this tutorial, it is available here JavaScript Video Tutorial.

I specifically cover how to:

Continue reading JavaScript Video Tutorial Pt 7

JavaScript Video Tutorial Pt 6

Regex TutorialIn this part of the JavaScript Video tutorial I will introduce Regular Expressions. A large number of people have trouble with Regular Expressions. I think it is because the name is so confusing? They aren’t!

A Regular Expression is a series of codes used to describe a series of characters in a string.

They are used to search for a specific string of characters in another string.

Continue reading JavaScript Video Tutorial Pt 6

JavaScript Video Tutorial Pt 5

I have received many questions about how to manipulate the Document Object Model (DOM) with JavaScript. In this tutorial I will focus on the many ways to do just that.

I’ll show you how to easily dramatically change your web pages the easy way using getElementById. I’ll then show you how to:

  • Add Elements to a Web Page Dynamically
  • Remove Elements
  • Edit Child Elements

Continue reading JavaScript Video Tutorial Pt 5

JavaScript Video Tutorial Pt 4

Javascript Video TutorialIn this JavaScript video tutorial I spend some time explaining the complexity of using Arrays and Functions in JavaScript. If you missed part 1, watch that first JavaScript Video Tutorial.

JavaScript Arrays are different from many languages because you can pretty much throw anything in them. This is because JavaScript isn’t strongly typed once again.

JavaScript Functions are also odd because they don’t follow the normal scoping rules used in most other languages. And, did you know you can completely disregard the number of arguments a function will accept? You’ll learn this plus how to:

Continue reading JavaScript Video Tutorial Pt 4

JavaScript Video Tutorial Pt 3

JavaScript OOPIn this JavaScript Video Tutorial I will completely cover JavaScript Object Oriented Programming. If you haven’t watch part 1 of this tutorial first JavaScript Video Tutorial.

OOP in JavaScript works differently from other languages. Because JavaScript is loosely typed (datatypes don’t have to be explicitly stated) you are unable to implement certain OOP concepts in JavaScript. You can however take advantage of many of the positives obtained through the use of OOP using JavaScript.

Continue reading JavaScript Video Tutorial Pt 3

JavaScript Video Tutorial Pt 2

JavaScript EventsIn this video tutorial I cover numerous techniques that can be implemented by monitoring events. If you missed part 1 watch it first JavaScript Video Tutorial.

This video is both a review of what you were taught in part 1, but also you’ll learn:

  • Every Single Event in JavaScript
  • How to Create Inline JavaScript
  • How to Change CSS Styling on Anything Dynamically
  • Change Elements or Delete them Completely
  • Monitor Every Mouse Movement and Key Press Dynamically

And, numerous other things. All of the code follows the video. If you have any questions or comments, leave them below.

Code From the Video

JavaScript Video Tutorial

Learn JavaScriptIn this JavaScript Video Tutorial I’ll teach you all of the core knowledge needed to write JavaScript code in 30 minutes. I’ve never seen a tutorial like this and was interested in whether you all would like to see more tutorials like this?

I specifically cover the following topics:

  • JavaScript Datatypes
  • Embedding JavaScript
  • Linking to JavaScript
  • Conditional Statements
  • Looping
  • Arrays
  • Strings
  • Functions

And, a great deal more along the way. If you’d like to read this information in a slower for see JavaScript Scripting. I also created another JavaScript tutorial that also proceeds at a slower pace if you’d like to check that out Learn JavaScript.

All of the code used follows the video. Leave any questions or comments below 🙂

[adsense]

Code From the Video

Website Layouts with CSS

CSS Website LayoutsIn this CSS Video Tutorial I’ll show you how to layout a whole web page using Cascading Style Sheets. I’ll create headers, content areas, footers and numerous sidebars. I’ll also show you how to make major changes to a website layout with a limited amount of coding.

If you’d prefer to read this information in an article see this CSS Layout and Positioning.

All of the code used can be found in the article above and also follows the video tutorial. If you have any questions or comments leave them below. You can use the code in any way that you wish.

Continue reading Website Layouts with CSS