Home
Videos uploaded by user “Adam Khoury”
CSS Combinator Selectors
 
06:05
Lesson Code: http://www.developphp.com/video/CSS/Combinator-Selectors Learn how the combinator selectors work in CSS to enable element targeting based upon hierarchy and parent/child/sibling relationships.
Views: 22209 Adam Khoury
Fat Arrow Functions JavaScript Programming Tutorial
 
12:36
Lesson Code: http://www.developphp.com/video/JavaScript/Fat-Arrow-Functions-JavaScript-Programming-Tutorial Crash course on using the new Arrow functions in JavaScript, introduced in ECMAscript Edition 6 to provide a new approach to writing anonymous functions. Arrow functions have 2 major advantages over traditional anonymous functions. (a) They reduce the amount of code you need to write. (b) In object oriented programming, the "this" keyword always refers to the object no matter how many anonymous functions are nested in the class. We will demonstrate these concepts through code right now starting with the most basic. They are Anonymous functions. Anonymous functions are functions that have no name like normal functions do. We see them used as parameters in methods that expect exectuable code as an argument. Anonymous functions are used in object oriented programming, or they are sometimes supplied as the value of a named variable. We will compare traditional Anonymous function syntax with arrow function syntax side by side using several simple examples in order to demonstrate where, when and how to use arrow functions where you normally use anonymous functions.
Views: 52214 Adam Khoury
CSS3 Tutorial - Responsive Website Layout Media Queries CSS Stylesheets
 
05:26
Lesson Code: http://www.developphp.com/video/CSS/Media-Queries-Responsive-Website-Layout-Tutorial Learn to create responsive website layouts using CSS3 media queries. Media queries allow us to target a particular media type and then apply zero or more expressions that check for the conditions of particular media features. Using this logic we can adjust all CSS for our site according to the screen size of the device that a user is viewing it with. It will also be responsive if the user resizes their browser window well after your page loads. An alternative to a responsive layout is to simply use percentages for the width values of your elements. But some developers must completely restructure the layout according to the screen size of the viewer. That is where a responsive layout is applied. It also makes you look very capable in your web site design skills. Related Tutorial: Window Size Responsive CSS Layout Stylesheet Change JavaScript Tutorial http://www.youtube.com/watch?v=ZKy0kIZB9y4
Views: 131931 Adam Khoury
CSS Pseudo Element Selectors Tutorial
 
04:00
Lesson Code: http://www.developphp.com/video/CSS/Pseudo-Element-Selectors Learn to use the pseudo-element selectors of CSS to target and style HTML elements.
Views: 20055 Adam Khoury
SQL INNER JOIN Syntax Tutorial PHP MySQL Database
 
02:54
Lesson Code: http://www.developphp.com/video/SQL/SQL-INNER-JOIN-Syntax-Tutorial-PHP-MySQL-Database Learn SQL INNER JOIN syntax for accessing data from two related tables in a single query according to clauses on the data. It will render a result set that has all selected columns from both tables.
Views: 39881 Adam Khoury
Page Loading Screen Document Preloader Tutorial JavaScript CSS HTML
 
03:13
Lesson Code: http://www.developphp.com/video/JavaScript/Page-Loading-Screen-Document-Preloader-Tutorial Learn how to apply a loading screen overlay to your web pages and documents using HTML, CSS and JavaScript. I will just demonstrate something simple that you guys can expand upon if interested. You can choose to add animated preloader graphics, but make sure they are extremely fast loading so they show up instantly.
Views: 118768 Adam Khoury
Partial Print Document JavaScript Tutorial HTML div Content
 
05:16
Lesson Code: http://www.developphp.com/video/JavaScript/Partial-Print-Document-Tutorial-HTML-div-Content Learn to allow users to print specific parts of your documents instead of printing the entire web page. We will apply print buttons near each printable portion of the document.
Views: 73222 Adam Khoury
Viewport Percentage Units CSS HTML Layout Tutorial
 
04:51
Lesson Code: http://www.developphp.com/video/CSS/Viewport-Percentage-Units-CSS-HTML-Layout-Tutorial Learn to use the new viewport length values in CSS to size elements relative to the viewing area. The way it differs from normal percentage lengths is that these lengths are always relative to the viewport and not relative to their parent elements. It also helps to make text and other elements sized relative to the viewing area.
Views: 22407 Adam Khoury
CSS3 html5 Perfict Fit Background Tutorial background-size Scale Stretch Image
 
02:25
Lesson Code: http://www.developphp.com/video/CSS/Background-Size-Scale-Stretch-Image Learn to create web page backgrounds that scale and stretch to fit into the user screen regardless of the type of device they are viewing your page with.
Views: 80878 Adam Khoury
PHP PDO Prepared Statements Tutorial
 
02:54
Lesson Code: http://www.developphp.com/video/PHP/PDO-Prepared-Statements-PHP-Tutorial Learn to create PDO Prepared Statements and quickly discover its key benefits. In the very next video tutorial you can learn to create prepared statements using mysqli. Prepared statements work for Both the PDO and mysqli extensions in PHP.
Views: 17544 Adam Khoury
json tutorial for beginners learn how to program part 1 JavaScript
 
16:10
Lesson Code: http://www.developphp.com/video/JavaScript/JSON-Tutorial-for-Beginners-Learn-How-to-Program Learn JSON for beginners with Adam. JSON stands for JavaScript Object Notation. It is a lightweight format for creating and sending data objects. JSON is a part of JavaScript and not a separate entity, the notation syntax is built into the raw Javascript programming language.
Views: 522138 Adam Khoury
HTML 5 tutorial Required Form Field Input Attribute Example
 
01:58
Lesson Code: http://www.developphp.com/video/HTML/Required-Form-Field-Input-Attribute-Tutorial Learn to apply the "required" attribute to your HTML5 web form fields.
Views: 18731 Adam Khoury
CSS3 Multi Column Layout Grid Tutorial
 
04:05
Lesson Code: http://www.developphp.com/video/CSS/Multi-Column-Content-Layout-Grid-Tutorial Learn to use the CSS3 Multi-Column Layout properties to create multi-column grid layouts with an automatic content spill over feature.
Views: 44078 Adam Khoury
Prepared Statements PHP mysqli Database Interaction Tutorial
 
03:59
Lesson Code: http://www.developphp.com/video/PHP/Prepared-Statements-PHP-mysqli-Tutorial Prepared statements provide a way to template a query if there is a need to repeat the same query many times with different parameters or values.
Views: 23958 Adam Khoury
Shiny reflective gel buttons video tutorial in Adobe Fireworks CS3 CS4 CS5
 
07:41
Fireworks CS3 video tutorial on designing or making shiny reflective gelatin buttons for your development projects
Views: 69296 Adam Khoury
4. Establish htaccess and php.ini for apache web site server configuration tutorial
 
07:16
Lesson Code: http://www.developphp.com/video/PHP/Establish-htaccess-and-phpini-for-apache-web-site-server-configuration Establish your .htaccess file and learn to prevent directory file listing as well as specify a more user friendly 404 error page through htaccess. Request your php.ini file to adjust your PHP configuration settings on your apache server. The PHP configuration file can be made by going to your hosting control panel and clicking the "PHP Configuration" icon.
Views: 88267 Adam Khoury
JavaScript prototype Tutorial Add Object Method and Property to Class
 
07:20
Lesson Code: http://www.developphp.com/video/JavaScript/prototype-Tutorial-Add-Object-Methods-and-Properties-to-Class The JavaScript prototype property allows us to add specialized methods and properties to our custom objects and classes. There may be occasions when you must specialize the functionality of an object in your application, and the prototype property allows us to do that. It also enables Object Inheritance in JavaScript, which we will be demonstrating in the video that follows this one. Before we discuss Object Inheritance let's write some code that demonstrates how the prototype property works at a basic level in JavaScript.
Views: 67425 Adam Khoury
Canvas Bootcamp 10 - Compositing
 
03:38
Lesson Code: http://www.developphp.com/video/JavaScript/Compositing-on-the-Canvas In this exercise you will learn about the global compositing properties available for the canvas element through JavaScript. Compositing deals with setting global transparency, asset stacking and controlling how your assets will interact with one another when they overlap on your canvas.
Views: 7212 Adam Khoury
JavaScript Checkbox Toggle Tutorial Select Deselect All Check Boxes
 
04:30
Lesson Code: http://www.developphp.com/video/JavaScript/Checkbox-Toggle-Tutorial-Select-Deselect-All-Elements Learn a simple way to select and group toggle all checkbox elements that have a specific class name. Handy for systems in which entire lists of checkbox items can be selected or deselected together as a group.
Views: 18914 Adam Khoury
Parallax Scroll Effect Tutorial JavaScript Animation Programming
 
09:23
Lesson Code: http://www.developphp.com/video/JavaScript/Parallax-Scroll-Effects-Tutorial-Animation-Programming When creating parallax effects the programming goal is to make different layers move at different speeds. It is sometimes programmed according to where the user mouse moves on the screen, and sometimes it's programmed into the scrolling of content on a web page. It is a similar concept to Disney's Multiplane Camera where different layers will move at different speeds to give the viewer a better sense of depth. We are going to use essentially just 1 line of JavaScript code to produce a parallax scrolling effect.
Views: 154124 Adam Khoury
Canvas Bootcamp 1 - Rectangle Methods and the 2D Context Object
 
11:24
Lesson Code: http://www.developphp.com/video/JavaScript/2D-Context-Object-and-Rectangle-Methods Welcome to the first exercise of the Canvas Bootcamp. If you are new to canvas element programming, this initial exercise is where you can begin your training. We use JavaScript to deliver all control and assets to our canvas. In this first exercise we will cover the three immediate rectangle methods and discuss the 2D context object and referring back to its corresponding canvas element.
Views: 56950 Adam Khoury
JavaScript Tutorial - Dice Roll Programming For Web Browser Games
 
07:39
Lesson Code: http://www.developphp.com/video/JavaScript/Dice-Roll-Programming-Tutorial-For-Web-Browser-Games Learn to program dice rolls using JavaScript for web browser based games. Integrate it with basic HTML and CSS or any other complex means of graphical representation you wish to apply for displaying the dice and their values on them.
Views: 51241 Adam Khoury
PHP Tutorial - Syntax Guidelines and Rules for Beginners
 
10:05
Lesson Code: http://www.developphp.com/video/PHP/Syntax-Guidelines-and-Rules Learn the syntax guidelines of PHP.
Views: 19597 Adam Khoury
JavaScript Change CSS Class Style className Toggle Tutorial
 
08:14
Lesson Code: http://www.developphp.com/video/JavaScript/Change-CSS-Class-Style-className-Toggle-Tutorial Learn to change, toggle and swap CSS classes using JavaScript event handling.
Views: 31719 Adam Khoury
JavaScript Storage Interface sessionStorage localStorage Tutorial
 
14:49
Lesson Code: http://www.developphp.com/video/JavaScript/JavaScript-Storage-Interface-sessionStorage-localStorage-Tutorial In this exercise we explore the Storage interface in JavaScript. Allowing the front-end of your applications to remember persistent data across the entire domain, for each individual user. It is somewhat similar to creating session and cookie variables in other programming languages you might work with.
Views: 71209 Adam Khoury
CSS Attribute Selectors Tutorial
 
06:41
Lesson Code: http://www.developphp.com/video/CSS/Attribute-Selectors Learn to use the Attribute selectors of CSS to target and style HTML elements.
Views: 15906 Adam Khoury
JavaScript Console Log Tutorial Chrome Firefox IE Browsers
 
02:00
Learn to use and read output from the console.log() method in JavaScript. Handy for reading values during application development, helpful for debugging, seeing script errors and more. var mystring = "hello world"; console.log( mystring ); Google Chrome - Ctrl + Shift + J Firefox - Ctrl + Shift + K IE - F12 Key then click the console button
Views: 36175 Adam Khoury
Fisher-Yates Shuffle Modern Algorithm JavaScript Programming Tutorial
 
11:37
Lesson Code: http://www.developphp.com/video/JavaScript/Fisher-Yates-Shuffle-Modern-Algorithm-Array-Programming-Tutorial In this programming exercise we will demonstrate the concepts behind the Fisher-Yates Modern Shuffle algorithm because we are going to use its logic to program a shuffle method into JavaScript. Using a physical example on the table we will convey the logic behind the algorithm and discuss the concept, then we will write the logic in JavaScript programming to add an array shuffle method to JavaScript's array object.
Views: 26833 Adam Khoury
JavaScript Inheritance Tutorial Object Oriented Class Programming
 
11:19
Lesson Code: http://www.developphp.com/video/JavaScript/Inheritance-Tutorial-Object-Oriented-Class-Programming In all programming languages that sport object oriented features there is a concept known as "Inheritance". Inheritance is when an object inherits all of the properties and methods of its parent object, to become a specialized version of the parent object. In JavaScript we use the prototype property to establish subclasses that inherit the characteristics of our parent classes. This results in a specialized subclass that can retain its own properties and methods, as well as inherit all of the properties and methods of the parent class.
Views: 51838 Adam Khoury
HTML5 tutorial Autocomplete Form Field Text Input Datalist List Attribute
 
04:02
Lesson Code: http://www.developphp.com/video/HTML/Autocomplete-Text-Input-Datalist-List-Attribute-Tutorial Learn to code the list attribute into your input tags and associate them with a datalist that renders an autocomplete feature while people are typing into your HTML5 web form fields. Used for dynamic autocompletion of search fields primarily, and your datlist can be tied to Ajax and PHP to render autocompletion for your database information.
Views: 53877 Adam Khoury
Control Panel Icon Menu Configure Button Design CSS Graphics Tutorial
 
03:37
Lesson Code: http://www.developphp.com/video/CSS/Control-Panel-Icon-Menu-Configure-Button-Design-Tutorial Learn to use CSS alone to design control panel menu interfaces or configuration screen interfaces. This is in preparation of our next video tutorial for JavaScript and CSS programming fly out control panel windows in an animated fashion.
Views: 28079 Adam Khoury
8. Cron Job Automate Social Network Web Site Maintenance PHP Tutorial
 
09:55
Lesson Code: http://www.developphp.com/video/PHP/Cron-Job-Automate-Social-Network-Web-Site-Maintenance-Tutorial Learn to automate PHP MySQL web site maintenance tasks with Cron Jobs. You can set them to execute at any interval you like. In this example we create a PHP cron job that will delete all non-activate users after X days. If you do not clear the database of these users periodically your system will become clogged with non-activated users.
Views: 55304 Adam Khoury
Ajax Tutorial : Post to PHP File XMLHttpRequest Object Return Data Javascript
 
10:53
Script: http://www.developphp.com/video/JavaScript/Ajax-Post-to-PHP-File-XMLHttpRequest-Object-Return-Data-Tutorial Learn to program the javascript XMLHttpRequest Object to easily send Ajax HTTP requests to your PHP parsing scripts, and get return data from submitted forms or any type of interaction that takes place on your website.
Views: 172811 Adam Khoury
Semantic URL htaccess Tutorial SEO Friendly Clean Links Rewrite
 
16:57
Lesson Code: http://www.developphp.com/video/Miscellaneous/Semantic-URL-htaccess-Tutorial-SEO-Friendly-and-Clean-Links In this video exercise we demonstrate rewriting Semantic URLs with htaccess for improved SEO and improved user experience. They are sometimes called Clean URLs, SEO friendly links, or Pretty URLs. My hope is to pass along enough insight into how it works so that everyone can customize all of their own clean URLs by themselves, no matter how many variables the system needs to take in from the URL.
Views: 101685 Adam Khoury
JavaScript Arguments Object Function Tutorial
 
07:57
Lesson Code: http://www.developphp.com/video/JavaScript/JavaScript-Arguments-Object-Function-Tutorial In this exercise we explore the Arguments object in JavaScript. Which enables us to create special functions that can intake an undetermined amount of arguments. All of the functions we write, have an arguments object tied to them that we can access.
Views: 18208 Adam Khoury
Responsive Web Design Made Simple CSS @media Rule Tutorial
 
07:21
Learn the CSS @media rule and the easiest way to make a responsive and mobile-friendly website layout. @media - http://www.developphp.com/lib/CSS/media Lesson Code - http://www.developphp.com/video/CSS/Responsive-Web-Design-Made-Simple-CSS-media-Rule-Tutorial
Views: 80994 Adam Khoury
HTML5 Canvas Fallback Content Tutorial Show Alternate Content No Browser Support
 
03:16
Lesson Code: http://www.developphp.com/video/HTML/Canvas-Fallback-Content Part 3 we discuss HTML5 Canvas Fallback content. In this video lesson series you can learn all about how to draw into the HTML5 canvas tag using Javascript. The canvas tag is aptly named. It supplies you with a means of drawing things through script and it renders in a browser. Things can be stationary or animated inside of a canvas tag. We can use Javascript to draw what we want in the canvas so in this series we will demonstrate some of the drawing methods one can use. We will also demonstrate how to animate things inside of the canvas tag using Javascript.
Views: 17848 Adam Khoury
Custom Data Attributes HTML JavaScript CSS Tutorial
 
11:58
Source: http://www.developphp.com/video/JavaScript/Custom-Data-Attributes-HTML-JavaScript-CSS-Tutorial Learn to use custom data attributes. Custom data attributes allow authors to create custom data to apply to their HTML elements when no other attributes make sense to use to store extra data. They help extend the information that html elements can communicate to a program or script. Custom data attributes can be accessed through both JavaScript and CSS.
Views: 23978 Adam Khoury
Change Style Sheet Using Javascript Tutorial CSS Swap Stylesheet
 
04:46
Lesson Code: http://www.developphp.com/video/JavaScript/Change-Style-Sheet-Using-Tutorial-CSS-Swap-Stylesheet Learn to change the entire style of your web page with a click using JavaScript that is targeting the href attribute of your familiar link element using the setAttribute method of JavaScript. DEMO: http://www.adamkhoury.com/demo/js_swap_css_stylesheet/
Views: 40180 Adam Khoury
HTML5 Canvas Tag Tutorial Learn to Draw and Animate Using Javascript
 
08:57
Lesson Code: http://www.developphp.com/video/HTML/Canvas-Draw-Function-Set-Up In this video lesson series you can learn all about how to draw into the HTML5 canvas tag using Javascript. The canvas tag is aptly named. It supplies you with a means of drawing things through script and it renders in a browser. Things can be stationary or animated inside of a canvas tag. We can use Javascript to draw what we want in the canvas so in this series we will demonstrate some of the drawing methods one can use. We will also demonstrate how to animate things inside of the canvas tag using Javascript.
Views: 119177 Adam Khoury
Restrict Text Input Characters HTML JavaScript Tutorial
 
06:53
Lesson Code: http://www.developphp.com/video/JavaScript/Restrict-Text-Input-Characters-HTML-JavaScript-Tutorial Learn to restrict one or more text fields in a form to allow only characters that you desire to be typed into them. We will remove undesirable characters in real time as the user types.
Views: 31245 Adam Khoury
Adobe Fireworks Vector Chalkboard Graphics Tutorial CS4 CS5 CS6
 
14:01
Learn to design custom chalkboard vector graphics with Adam using Adobe Fireworks. First we get an image of a blackboard or we create the effects in the editor. Then we design the frame, the 3D perspective tray, the chalk and the eraser. By adding some shadows and gradients where appropriate it helps the design take on some life.
Views: 9482 Adam Khoury
CSS @import Rule Import Style Sheet Tutorial
 
05:05
Lesson Code: http://www.developphp.com/video/CSS/CSS-import-Rule-Import-Style-Sheet-Tutorial Learn to use the CSS @import rule. The import rule is used to import style sheets into other style sheets and any documents where @import can be applied.
Views: 11613 Adam Khoury
Multidimensional Array JavaScript Programming Tutorial
 
10:52
Lesson Code: http://www.developphp.com/video/JavaScript/Multidimensional-Array-Programming-Tutorial Learn to write and process multidimensional arrays using JavaScript. They are arrays that contain one or more arrays to provide a deeper level of data nesting and processing than normal basic arrays.
Views: 54243 Adam Khoury
Canvas Bootcamp 8 - Transformation Effects
 
07:49
Lesson Code: http://www.developphp.com/video/JavaScript/Canvas-Transformation-Effects In this JavaScript canvas programming exercise you can learn to apply transformation effects like scale, skew, rotate, translate and understand the transform matrix.
Views: 10946 Adam Khoury
HTML5 Slider Tutorial Javascript Function Programming
 
06:57
Lesson Code: http://www.developphp.com/video/HTML/Slider-Tutorial-Javascript-Function-Programming Learn to program HTML5 sliders using Javascript to spruce up the user interfacing in your applications and programs.
Views: 72663 Adam Khoury
JavaScript Tutorial - Get Or Remove Random Array Elements
 
09:27
Lesson Code: http://www.developphp.com/video/JavaScript/Get-or-Remove-Random-Array-Elements-Tutorial Since JavaScript does not have built in methods for selecting or removing array elements randomly, we will demonstrate how to extend the Array object to supply it with those types of methods. The first example shows how to get a random array element without affecting the original array, the second example shows how to randomly splice an element from an array which removes the target item from the array. We also show how to extend the JavaScript Array object with these custom methods.
Views: 15440 Adam Khoury
Smoothing Bitmap Images to Prevent Pixelated Pictures : Flash Actionscript 3.0 Tutorial
 
05:50
http://www.developphp.com/video/Flash/Smoothing-Bitmap-Images-Prevent-Pixelated-Pictures Learn how to apply smoothing to your bitmap images to prevent pixelated edges in externally loaded and imported images or pictures.
Views: 22490 Adam Khoury
Javascript tutorial addEventListener Best HTML Event Handling W3C Recommended Method
 
14:11
Lesson Code: http://www.developphp.com/view.php?tid=1208 Learn how to use the Javascript addEventListener() method for an optimal way of adding user interactivity into your HTML4 and HTML5 websites and web applications that apply Javascript.
Views: 53966 Adam Khoury
Magic Header Scroll Page Tutorial JavaScript CSS HTML
 
09:59
Lesson Code: http://www.developphp.com/video/JavaScript/Magic-Header-Scroll-Page-Tutorial Learn to program a header that magically changes as the user scrolls down the page. When the user scrolls back to the top of the page we will make the header change back to its original display settings.
Views: 74428 Adam Khoury