Draggable & Droppable | Code Central

Autoplay
Autocomplete

Previous Lesson Complete and Continue

The All In One Web Development Course

Lets Get Things Started..

Introduction (3:52)
Downloading the Code Editor (5:54)

HTML Basics

Resources HTML Basics
Structure of a Webpage (5:40)
What is HTML (3:59)
HTML Structure (2:36)
Headings & Paragraph Tags (7:12)
Emphasis & Strong Tags (4:08)
Links (6:19)
Lists (7:35)
Tables (5:59)

HTML Level II

Resources HTML Level II
Images (6:25)
Forms (15:31)
IDs & Classes (3:52)
Div & Span (10:00)
HTML Special Characters (4:04)
Social Network Profile Exercise (6:30)

HTML5

Resources HTML 5
HTML5 Inputs (15:03)
More HTML5 Inputs (9:43)

CSS Basics

Resources CSS Basics
What is CSS? (3:05)
Inheritance of Styles (2:24)
Box Model (7:25)
Inline CSS (5:28)
Internal CSS (5:29)
External CSS (8:24)
IDs and Classes in CSS (11:24)
Decendant Selectors (12:39)
Grouping Selectors (8:19)
Specificity (4:03)

CSS Level II

Resources CSS Level II
Text Styling (16:29)
Borders (9:18)
Colors (3:47)
Background Images (9:47)
Links Styling (6:41)

CSS Level III

Resources CSS Level III
Block, Inline & Inline Block (2:20)
Float and Clear (8:17)
Float and Clear continued (8:22)
Positioning (11:45)

CSS3

Resources CSS3
Box Sizing (8:19)
Colours (3:47)
Gradients (4:59)
Shadows (6:04)
Columns (7:46)

HTML & CSS Project

Project Introduction (1:35)
Resources HTML & CSS Project
Coding the HTML (7:40)
Styling it in CSS (10:16)
Adding the finishing touches (10:27)
Contact Form (12:08)

JavaScript

Introduction (4:19)
Resources Javascript
Buttons (4:47)
Internal and External JS (9:18)
Change HTML Content JS (10:47)
Change HTML Style with JS (5:02)
Variables (12:32)
Change HTML using Variables (15:15)
Functions - Swap contents of 2 divs (9:53)
Objects (6:00)
Arrays (11:41)
If and Else Statements (8:27)
For Loops (11:30)
While Loops (11:06)

jQuery

Install jQuery (18:35)
Resources jQuery
Change HTML style using jQuery (10:47)
jQuery Events (14:45)
Change HTML Content with jQuery (12:32)
More styling with jQuery (8:09)

jQuery UI

Introduction (7:05)
Resources jQuery UI
Draggable & Droppable (20:23)
Resizable (10:07)
Selectable (10:12)
Sortable (11:02)
Accordian (14:27)
Autocomplete (9:05)
Button (18:33)
Dialog Box (15:20)
Menu (9:32)
Progress Bar - 0 to 100% (11:21)
Slider (13:18)

Bootstrap

Installing Bootstrap (10:58)
Resources Bootstrap
Using a starter theme template (12:46)
Grid System in Bootstrap (18:34)
Responsive and Beautiful Forms (17:58)
Forms continued... (11:22)
Buttons and Images (14:18)
Bootstrap Navbar (25:51)
Modal Windows (12:48)
Bootstrap Scrollspy (12:14)
Togglable Tabs (10:01)
Sliding Carousel (14:04)

Create an Online Resume - Project

Introduction (2:41)
Resources Online Project
Starting the HTMl Coding (15:44)
Starting the CSS (16:01)
Continuing the CSS (12:31)
Coding the bottom half (20:18)
Styling the botton half (23:24)
Coding and styling the Contact form and footer (11:07)

PHP

Installing PHP (14:47)
Resources PHP
Variables in PHP (9:32)
Arrays in PHP (9:06)
If Statements (5:15)
For Loops (7:49)
While Loops (6:01)
GET PHP (15:45)
POST PHP (9:17)

MySQL

Getting started with MySQL (10:12)
Connecting to a Database (5:58)
Retrieving Data from a Database (10:52)
Inserting Data into Database (9:07)
Looping through the Data (19:24)
Forms using MySQL (16:46)
Sessions (8:01)
Cookies (6:54)
Hashing Passwords (8:20)
Resourcing MySQL

Teach online with

Draggable & Droppable

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock