Videos uploaded by user “Adam Khoury”
CSS Combinator Selectors
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: 27793 Adam Khoury
Fat Arrow Functions JavaScript Programming Tutorial
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: 61518 Adam Khoury
CSS Pseudo Element Selectors Tutorial
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: 23161 Adam Khoury
CSS3 Tutorial - Responsive Website Layout Media Queries CSS Stylesheets
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: 135112 Adam Khoury
Libraries Explained : PHP Image Processing Video Textbook
Series and code: http://www.developphp.com/video/PHP#Image-Processing Master PHP Image Processing with Adam Khoury in this Video Textbook Series. In this video we identify and explain each of the PHP image processing libraries.
Views: 21835 Adam Khoury
PHP PDO Prepared Statements Tutorial
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: 18543 Adam Khoury
Page Loading Screen Document Preloader Tutorial JavaScript CSS HTML
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: 130698 Adam Khoury
JavaScript prototype Tutorial Add Object Method and Property to Class
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: 68026 Adam Khoury
Partial Print Document JavaScript Tutorial HTML div Content
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: 83789 Adam Khoury
4. Establish htaccess and php.ini for apache web site server configuration tutorial
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: 90430 Adam Khoury
Shiny reflective gel buttons video tutorial in Adobe Fireworks CS3 CS4 CS5
Fireworks CS3 video tutorial on designing or making shiny reflective gelatin buttons for your development projects
Views: 69423 Adam Khoury
Viewport Percentage Units CSS HTML Layout Tutorial
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: 23448 Adam Khoury
Prepared Statements PHP mysqli Database Interaction Tutorial
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: 26287 Adam Khoury
How to Create a Website the Right Way For Beginners Part 1
Learn how to create a website the right way using any tools you like and simple CSS to lay the groundwork. I am using Fireworks CS4 and Dreamweaver CS4 to assemble my awesome power site. I can add Flash, graphics, or any other elements I choose to after I get the design shell made.
Views: 96078 Adam Khoury
json tutorial for beginners learn how to program part 1 JavaScript
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: 532551 Adam Khoury
CSS3 Multi Column Layout Grid Tutorial
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: 46507 Adam Khoury
SQL INNER JOIN Syntax Tutorial PHP MySQL Database
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: 41871 Adam Khoury
CSS3 html5 Perfict Fit Background Tutorial background-size Scale Stretch Image
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: 83516 Adam Khoury
JavaScript Arguments Object Function Tutorial
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: 19594 Adam Khoury
JavaScript Change CSS Class Style className Toggle Tutorial
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: 34503 Adam Khoury
PHP Tutorial - Syntax Guidelines and Rules for Beginners
Lesson Code: http://www.developphp.com/video/PHP/Syntax-Guidelines-and-Rules Learn the syntax guidelines of PHP.
Views: 20290 Adam Khoury
JavaScript Storage Interface sessionStorage localStorage Tutorial
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: 78262 Adam Khoury
HTML 5 tutorial Required Form Field Input Attribute Example
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: 20124 Adam Khoury
Canvas Bootcamp 1 - Rectangle Methods and the 2D Context Object
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: 62680 Adam Khoury
Semantic URL htaccess Tutorial SEO Friendly Clean Links Rewrite
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: 110339 Adam Khoury
JavaScript Tutorial - Dice Roll Programming For Web Browser Games
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: 56828 Adam Khoury
CSS @import Rule Import Style Sheet Tutorial
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: 13042 Adam Khoury
Fisher-Yates Shuffle Modern Algorithm JavaScript Programming Tutorial
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: 30244 Adam Khoury
CSS Attribute Selectors Tutorial
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: 17447 Adam Khoury
JavaScript Checkbox Toggle Tutorial Select Deselect All Check Boxes
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: 19976 Adam Khoury
Restrict Text Input Characters HTML JavaScript Tutorial
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: 38441 Adam Khoury
HTML5 tutorial Autocomplete Form Field Text Input Datalist List Attribute
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: 57740 Adam Khoury
Clipping Mask Tutorial for Adobe Illustrator CS4
Graphic design tutorials: http://www.developphp.com/video/Graphics Learn how to interlace your custom shapes. Especially attractive when working with 3d perspective objects and shapes. We use clip masking to achieve the effect we are after, and set our objects to 3d to show a more dramatic effect. http://www.developphp.com
Views: 114585 Adam Khoury
Multidimensional Array JavaScript Programming Tutorial
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: 58994 Adam Khoury
Change Style Sheet Using Javascript Tutorial CSS Swap Stylesheet
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: 43723 Adam Khoury
HTML5 Slider Tutorial Javascript Function Programming
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: 75345 Adam Khoury
Javascript tutorial addEventListener Best HTML Event Handling W3C Recommended Method
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: 57353 Adam Khoury
Ajax Tutorial : Post to PHP File XMLHttpRequest Object Return Data Javascript
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: 178002 Adam Khoury
CSS Structural Selectors
Lesson Code: http://www.developphp.com/video/CSS/Structural-Selectors Learn to use the structural pseudo-class selectors of CSS to target and style HTML elements.
Views: 16136 Adam Khoury
Control Panel Flyout Menu Windows JavaScript CSS Animations
Lesson Code: http://www.developphp.com/video/JavaScript/Control-Panel-Flyout-Menu-Windows-Animations Using the code examples supplied you can see how control panel menu flyout windows are animated into view using your custom control panel button. We use a combination of simple CSS and JavaScript to make the toggle magic happen very easily.
Views: 53949 Adam Khoury
JavaScript Console Log Tutorial Chrome Firefox IE Browsers
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: 37996 Adam Khoury
8. Cron Job Automate Social Network Web Site Maintenance PHP Tutorial
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: 56617 Adam Khoury
Custom Data Attributes HTML JavaScript CSS Tutorial
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: 26500 Adam Khoury
PHP PDO Tutorial Connect Database and Query Example
Lesson Code: http://www.developphp.com/video/PHP/PDO-Tutorial-Connect-Database-and-Query-Example Learn how to connect to a mysql database and query it using the PDO extension in PHP. After this PDO coding exercise we conduct a mysqli vs PDO discussion that you may find informative. Link to document we discussed about the PHP mysqli extension. http://php.net/manual/en/mysqli.overview.php
Views: 51150 Adam Khoury
Canvas Bootcamp 8 - Transformation Effects
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: 11427 Adam Khoury
Responsive Web Design Made Simple CSS @media Rule Tutorial
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: 85422 Adam Khoury
Swift 3D Tutorial : Learn to Use the Lathe Editor for Rounded Machined Objects
Learn to Use the Lathe Editor for Lathe Machined Objects in Swift 3D v6. A lathe machine operates by spinning an object really fast while it is held tightly at both ends. The lathe operator uses cutting tools and coolants on the side to shape the object. Lesson By Adam Khoury at http://www.developphp.com
Views: 6656 Adam Khoury
Canvas Bootcamp 10 - Compositing
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: 7452 Adam Khoury
Contact Form Web Application Tutorial Ajax HTML5 PHP
Lesson Code: http://www.developphp.com/video/JavaScript/Contact-Form-Web-Application-Tutorial-Ajax-HTML5-PHP In this exercise we will demonstrate how to build a modern all-purpose website contact form that uses new HTML5 features, Ajax and PHP. Everything happens without reloading the page or navigating to another document to parse the data. You can put this form to work on any website that processes PHP, and you can modify it for other purposes.
Views: 97264 Adam Khoury
Canvas Bootcamp 12 - Animation and App Initialization
Lesson Code: http://www.developphp.com/video/JavaScript/Canvas-Animation-and-App-Initialization Learn to structure your JavaScript for animation programming on the canvas, and how to initialize canvas applications in order to place all of your JavaScript in the head section of the document to keep your documents logical and tidy.
Views: 13805 Adam Khoury