الدورة الشاملة لمطور الويب من المستوى المبتدئ إلى المتقدم

• Welcome to our Course

• What we will learn

• Introduction

• Install Course Tools

• HTML Basic Structure

• Heading

• Paragraphs

• Text Formatting

• Lists

• Tables

• 9- Links

• Iframe

• Images

• Example

• Block and Inline

• Head Section

• New HTML5 Semantic

• Meter and progress

• Details

• Figure

• Audio

• Video

• Forms part 1

• Forms part 2

• Forms part 3

• Forms part 4

• Forms part 5

• Entities

• HTML 5 Quiz

• Introduction

• Add CSS to your files

• Colors

• Background

• Borders

• Outline

• Margins and Padding

• Dimensions

• Text styling

• Fonts

• Icons

• Links

• Lists

• Tables

• Combinations

• Display

• Flex display

• Position

• Overflow

• Float and clear

• Pseudo class and elements

• opacity

• text overflow

• shadow

• box sizing

• attribute selectors and elements resize

• border radius

• z-index

• 2d transform

• 3d transform

• Transition

• Animation

• Flip card example

• Animate example

• Dropdown in CSS

• Draw triangle in CSS

• Tooltip in CSS

• CSS3 Quiz

• Introduction – set files ready

• Header

• Continue header

• Contact section

• Services section

• Facilies section part 1

• Facilies section part 2

• Footer part 1

• Footer part 2

• Footer part 3

• Footer part 4

• Finishlize

• What is responsive design

• Viewport

• Media query

• Fluid design

• Screen sizes

• Pictures

• Introduction

• basic structure

• Output

• Comments

• Html inside js

• Variables

• Mathematical operators

• Shortcut operators

• comparison operators

• logical operators

• Boolean expression

• If else statement

• Switch case

• While loop

• Do while loop

• For loop

• Continue and break statements

• Functions

• Variable scope

• Mathematical functions

• String functions

• Date

• Arrays

• JS events

• JS DOM part1

• JS DOM part2

• Example (show more button)

• Get elements using tag name

• Get elements using class name

• Get elements using whole document selector

• Access form elements using JS

• Form example

• Timers

• Example 1 – traffic

• Example 2 – part 1

• Example 2 – part 2

• JavaScript Quiz

• Introduction

• Download and install JQuery

• Basic structure

• Selectors

• Events

• JQuery show and hide effects

• JQuery fade effects

• JQuery sliding effects

• JQuery animation

• Stop effects

• Callback function

• JQuery chain

• Get and change text, value, and html using JQuery

• Get and change attributes in JQuery

• Add new elements

• Remove and empty elements

• CSS classes

• CSS methods

• Dimensions

• JQuery filters

• Example – Create accordion

• JQuery UI download and install

• Resizable

• Draggable

• Droppable

• Sortable

• Selectable

• Autocomplete

• Accordion

• Tabs

• Menus

• jQuery Quiz

• Introduction

• Download and install bootstrap

• Grid system

• Containers

• Text style

• Backgrounds

• Tables

• Images

• Jumbotron and badge

• Alerts

• Breadcrumb

• Buttons

• Pagination

• List group

• Progress bar

• Card

• Collapsible

• Accordion

• Modal

• Forms

• Navs

• Dropdown

• Navbars

• Carousel slider

• Scrollspy

• Bootstrap Quiz

• create project files

• navbar

• slider

• services section

• portfolio section

• about section

• team section

• contact us section

• footer

• responsive

• scroll to sections

• finishlize template

• introduction

• basic structure

• output

• comments

• variables

• mathematical operators

• increment and decrement operators

• constants

• logical and compression operators

• Boolean expression

• If else statement

• Switch case

• For loop

• While – do while loops

• Continue and break statement

• Array

• Array example

• Associative array

• For each loop

• Multidimensional array

• Array functions

• Implode and explode array

• User defined functions

• Function default values

• Variable scope

• Mathematical functions

• String manipulation

• Defined, isset and empty function

• Super globals

• More about post and get

• Validation concepts

• Ctype function

• Filters

• File upload

• Form example

• Include and require

• PHP header

• Mail

• Sessions

• Cookies

• File handling

• PHP Quiz

• Introduction

• Create database

• Create table

• Insert data into table

• Show data

• Ordering data

• Distinct select

• Limits

• Math functions

• Like clause

• In and between clause

• Join tables

• Union tables

• Group selected data

• Update data

• Delete data

• Connect with PHP

• Show database data using PHP

• Update and delete data using PHP

• Mysqli_escape_string

• MySQLi Quiz

• Design login form

• Design registration form

• Create database

• Start registration

• Register email and password

• Image upload

• Complete registration

• Complete login

• Introduction

• Create request

• Get response

• Show data from database using Ajax

• Delete data from database using Ajax

• Insert data into database using Ajax

• Ajax Quiz

• ختام الدورة