Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn Moreالدورة الشاملة لمطور الويب من المستوى المبتدئ إلى المتقدم
Rating: 4.3 out of 54.3(414 ratings)
2,464 students
الدورة الشاملة لمطور الويب من المستوى المبتدئ إلى المتقدم
The Complete Web Design: HTML, CSS, Javascript, JQuery, Bootstrap, PHP, MySQLi, AJAX, احتراف تصميم مواقع الانترنت بسهوله
Created byCreativeApp Company, Marwa Radwan
Last updated 3/2020
Arabic
What you'll learn
- تصميم موقع الكتروني أو تطبيق لعملك الخاص
- تعلم كيفية عمل مواقع الاكترونية جذابة وتفاعلية
- تعلم الربح عن طريق مهارات جديدة كمطور ويب
- اشترك الآن في الكورس الاعلى تقيما على الانترنت و الاشمل في المحتوي و الاكثر قيمة مقابل السعر طبقا لأراء المشتركين
- افضل و اسهل شرح اونلاين طبقا لأراء المشتركين و باللغة العربية
- احتفظ بالكورس كمكتبة تعليمية يتم استخدامها بسهولة في اي وقت ومن أي مكان سواء من الكمبيوتر أو من جهاز الموبايل
- احصل على شهادة إلكترونية بإتمام الدورة التعليمية من يودمي وأضفها إلى سيرتك الذاتية (يمكنك تحميلها عند مشاهدة جميع محتويات الكورس)
- طلب هام* حتي يستفيد زملائك أعمل شير للينك الكورس على وسائل التواصل الاجتماعي
- Develop a website or app for your business
- Learn how to make beautiful, interactive, responsive websites
- Earn money from your new skills
Explore related topics
Course content
14 sections • 263 lectures • 29h 33m total length
- Welcome to our Course0:42
Looking to increase your income as a web developer? Or maybe you're seeking to shift career to a new career that gives you more free time and flexibility?
Whatever your motivation to become a pro web developer, you've come to the right place.
The Complete Web Developer Course in Arabic is THE most comprehensive, cost-effective and career-enhancing course you'll find
This fast, effective course takes you easily from zero skills to fee-earning web developer.
- What we will learn3:15
Here's what you get with The Complete Web Developer Course in Arabic:
You'll get access to 14 chapters that will give you a deep understanding of each topic.
Each chapter is supported with clear, engaging video tutorials and practical website challenges.
·The course starts with the basics. I'll show you the tips and tricks to work effortlessly with web technologies like HTML, CSS and JavaScript.
·Once you're doing that in your sleep, I'll show you how to build your own responsive websites using more advanced techniques such as iQuery PHP, MySQL, Ajax and Twitter Bootstrap.
over the 14 sections we will learn:
- HTML5
-CSS3
- JavaScript
-JQuery
-Bootstrap
-PHP
-MySQLi
-AJAXWhat else will you get?
·A friendly, informal community to support you every step of the way
·Personal contact with me, the course tutor
·Lifetime access to course materials
·A deep understanding of how to code, design and build powerful websites
- Introduction3:57
In this video you will learn a quick introduction about HTML “Hypertext Markup Language”
- Install Course Tools1:56
In this video you will learn how to install the required tools to start learning HTML
- HTML Basic Structure5:14
In this video you will learn what is HTML page structure and how to write your first code
- Heading7:09
In this video we will took about heading and its importance to index the structure of web pages
- Paragraphs5:24
In this video we will learn what is paragraphs and how to create it inside our web page using HTML
- Text Formatting8:32
In this video we will learn some HTML elements for defining text with special format
- Lists10:25
In this video we will learn how to create HTML list in different types like ordered, unordered, and description lists
- Tables10:08
In this video we will how to create and manage tables using html
- 9- Links14:33
In this video we will learn how to add links to your web page to jump to another document or page section
- Iframe5:21
in this video we will learn how to create iframes to display a web page within another one
- Images4:42
In this video we will learn how to add an image to web page and manage its attributes
- Example6:00
in this video we will create a simple example – make simple playlist in HTML
- Block and Inline5:35
In this video we will discuss the difference between block and inline elements
- Head Section9:27
In this video we will learn about page head section
- New HTML5 Semantic3:16
In this video we will learn new HTML5 sematic tags
- Meter and progress3:11
In this video we will learn how to use meter and progress tags
- Details2:35
In this video we will learn how to use details tag
- Figure1:58
In this video we will learn how to manage image with semantic tag figure
- Audio5:06
In this video we will learn how to add and manage audio sounds inside our web page
- Video3:44
In this video we will learn how to add and manage videos inside our web page
- Forms part 19:02
In this video we learn element to defines a form that is used to collect user input
- Forms part 27:18
Continue form inputs
- Forms part 34:04
Continue form inputs
- Forms part 47:47
Continue form inputs
- Forms part 59:59
Continue form inputs
- Entities3:06
In this video we will learn how to change html Reserved characters with character entities
- HTML 5 Quiz
- Introduction2:02
In this video we will Basic introduction about CSS language
- Add CSS to your files6:27
In this video we will learn how to add CSS to your HTML files
- Colors3:48
In this video we will learn What is CSS colors and how to specify them
- Background11:19
In this video we will learn background properties to define elements background effects
- Borders5:28
In this video we will learn border properties to specify the style, width and color of elements borders
- Outline1:46
In this video we will learn outline properties to add elements outline style, width and color
- Margins and Padding5:26
In this video we will learn how to add spaces around elements inside or outside elements border
- Dimensions4:37
In this video we will learn how to add elements height and width dimensions
- Text styling13:04
In this video we will learn how to add format to text like color, alignment, decoration, transformation, indentation, spaces, direction,….etc.
- Fonts11:32
In this video we will learn how to manage text fonts like font family, size, style, weight, variant ….etc.
- Icons6:28
In this video we will learn how to add icons using fontawsome
- Links5:33
In this video we will learn how to style page links in different ways
- Lists6:52
In this video we will learn how to specify lists style
- Tables7:55
In this video we will learn how to improve tables using CSS
- Combinations5:09
In this video we will learn how to explain relationship between the selectors
- Display10:58
In this video we will learn how to controlling elements layout
- Flex display10:15
In this video we will learn flexible box layout module to make flexible responsive layout structure without having to use positioning or floats
- Position8:33
In this video we will learn how to specify the type of positioning method used for an element
- Overflow4:41
In this video we will learn how to control what happens to content that is too big to fit an area
- Float and clear5:50
In this video we will learn how to specify how an element should float and how to clear element after floating it
- Pseudo class and elements10:14
In this video we will learn how to define a special state of an element and how to style specified part of an element
- opacity4:16
In this video we will learn how to specify the transparency of an element
- text overflow3:26
In this video we will learn how to specifies overflowed content that is not displayed should be signaled to the user
- shadow4:46
In this video we will learn how to add shadow to elements or text
- box sizing4:21
In this video we will learn how to allow us to include the padding and border in an element’s total width and height
- attribute selectors and elements resize8:58
In this video we will learn how to select element using it’s attributes and how to add or remove resize attribute to an element
- border radius5:41
In this video we will learn how to give any element rounded corners
- z-index7:12
In this video we will learn how to specify the stack order of an element
- 2d transform7:15
In this video we will learn how to use 2d transformation to change element shape, size, position …etc.
- 3d transform9:34
In this video we will learn how to format your element using 3D transformation
- Transition5:08
In this video we will learn how to change property values smoothly over a given duration
- Animation8:01
In this video we will learn how to animate element without using flash or JS
- Flip card example8:20
In this video we will learn how to create a flip card using CSS properties
- Animate example4:38
In this video we will learn how to create an animated background using CSS properties
- Dropdown in CSS12:48
In this video we will learn how to create a dropdown using CSS properties
- Draw triangle in CSS6:38
In this video we will learn how to create a triangle using CSS properties
- Tooltip in CSS6:16
In this video we will learn how to create a tooltip using CSS properties
- CSS3 Quiz
- Introduction – set files ready4:11
In this video we will learn how to create our project structure files
- Header14:47
In this video we will start design our page header
- Continue header9:22
In this video we will finish designing page header
- Contact section10:36
In this video we will design contact area
- Services section16:32
In this video we will design services area
- Facilies section part 111:47
In this video we will start facilies section design
- Facilies section part 210:38
In this video we will finish facilies section design
- Footer part 19:12
In this video we will start footer area
- Footer part 27:57
In this video we will continue footer area design
- Footer part 319:28
In this video we will continue footer area design
- Footer part 414:52
In this video we will finish footer area design
- Finishlize14:52
In this video we will finish our example template design
- What is responsive design2:45
In this video we will learn about responsive design description and its benefits
- Viewport2:28
In this video we will learn about view port meta tag and its importance to our design
- Media query4:51
In this video we will talk about media quires and how to deal with different screens
- Fluid design1:38
In this video we will learn the difference between fluid designs using percentages and other design ways
- Screen sizes4:34
In this video we will talk about different screen size and how to use inside media queries
- Pictures4:27
In this video we will talk about pictures and how to manage them in different sizes
- Introduction2:32
In this video we will introduce you about JavaScript and its usage
- basic structure4:04
In this video we will learn basic structure of JavaScript file and where to embed it inside our file
- Output9:14
In this video we will talk about JavaScript output in different ways
- Comments2:05
In this video we will learn how to add comments to our code
- Html inside js2:40
In this video we will learn how to embed HTML tags inside JS
- Variables6:42
In this video we will learn how to create variables to store data values
- Mathematical operators7:25
In this video we will learn how to use mathematical operator to perform arithmetic on numbers
- Shortcut operators2:33
In this video we will learn how to use shortcut operators
- comparison operators5:44
In this video we will learn how to use comparison operators to compare values
- logical operators4:18
In this video we will learn how to use logical operators to determine the logic between variables or values
- Boolean expression3:18
In this video we will learn how to use Boolean expression to assign value to a variable based on some condition
- If else statement7:32
In this video we will learn how to use if else statements to perform different actions based on different conditions
- Switch case8:55
In this video we will learn how to use switch case to perform different actions based on different conditions
- While loop6:08
In this video we will learn how to loop through a block of code while specified condition is true using while statement
- Do while loop5:01
In this video we will learn how to loop through a block of code while specified condition is true using do while statement
- For loop3:07
In this video we will learn how to loops through a block of code a number of times using for statement
- Continue and break statements4:00
In this video we will learn how to skip one iteration inside your loop and how to terminate the whole loop
- Functions8:05
In this video we will learn how to create a user defined function
- Variable scope3:35
In this video we will learn what is variable scope and different ways to deal with it
- Mathematical functions8:57
In this video we will learn some mathematical built-in functions inside JS
- String functions13:24
In this video we will learn how to deal with strings
- Date5:38
In this video we will learn how to deal with date functions
- Arrays12:48
In this video we will learn how to use arrays to store multiple values in a single variable
- JS events5:26
In this video we will learn how JavaScript can react with HTML elements effects
- JS DOM part16:23
In this video we will learn how JavaScript can access and change all the elements of an HTML document
- JS DOM part23:59
In this video we will continue talking about JS DOM
- Example (show more button)8:08
In this video we will create a simple example to change elements attributes using JS
- Get elements using tag name3:44
In this video we will learn how to deal with elements using its tag name
- Get elements using class name2:29
In this video we will learn how to deal with elements using its class name
- Get elements using whole document selector5:40
In this video we will learn how to deal with elements using the document selector
- Access form elements using JS7:03
In this video we will learn how to deal with form elements using JS
- Form example10:05
In this video we will create a simple example for JS form access
- Timers7:48
In this video we will learn how JS can be executed in time-intervals
- Example 1 – traffic8:55
In this video we will create a simple example about timers and loops
- Example 2 – part 115:46
In this video we will create a simple example to deal with JS strings and forms
- Example 2 – part 25:05
In this video we will finish the example in lesson 35
- JavaScript Quiz
- Introduction2:06
In this video we will introduce you about JQuery and its usage
- Download and install JQuery5:20
In this video we will learn how to download JQuery library and how to start using it
- Basic structure2:41
In this video we will learn how to create the basic structure of JQuery scripts and how to embed it to your web page
- Selectors5:17
In this video we will learn how to use selectors to deal with elements using jquery
- Events10:14
In this video we will learn how to deal with JQuery events to react with HTML elements
- JQuery show and hide effects6:31
In this video we will learn how to use effects to show and hide elements and how to toggle between them
- JQuery fade effects5:00
In this video we will learn how to use effects to fade in and out elements and how to toggle between them
- JQuery sliding effects3:47
In this video we will learn how to deal with JQuery effects to slide elements
- JQuery animation5:28
In this video we will learn how to animate elements using JQuery
- Stop effects3:25
In this video we will learn how to stop JQuery effects
- Callback function2:00
In this video we will learn how to execute function after the current effect is 100% finished
- JQuery chain2:50
In this video we will learn how to allow us to run multiple jQuery methods (on the same element) within a single statement
- Get and change text, value, and html using JQuery7:50
In this video we will learn how to deal with values using JQuery
- Get and change attributes in JQuery4:31
In this video we will learn how to deal with elements attributes using JQuery
- Add new elements7:25
In this video we will learn how to add new elements to your web page using JQuery
- Remove and empty elements4:49
In this video we will learn how to remove elements and empty an element using JQuery
- CSS classes4:36
In this video we will learn how manipulate the CSS of elements using JQuery
- CSS methods5:41
In this lesson we will learn css methods which used to manipulate the HTML and CSS.
- Dimensions5:03
In this video we will learn how to deal with elements dimensions using JQuery
- JQuery filters10:53
In this video we will learn how Use jQuery to filter specific elements
- Example – Create accordion4:47
In this video we will learn how to create a simple accordion using JQuery
- JQuery UI download and install7:22
In this video we will learn how to download and use JQueryUi plugin
- Resizable6:50
In this video we will learn how to resize elements using JQueryUi
- Draggable5:20
In this video we will learn how to create Allow elements to be moved using the mouse
- Droppable7:02
In this video we will learn how to create targets for draggable elements
- Sortable6:02
In this video we will learn how to create reorder elements in a list or grid using the mouse
- Selectable4:57
In this video we will learn how to let us to Use the mouse to select elements, individually or in a group
- Autocomplete4:02
In this video we will learn how to enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering
- Accordion7:37
In this video we will learn how to display collapsible content panels for presenting information in a limited amount of space
- Tabs4:08
In this video we will learn how to create a single content area with multiple panels, each associated with a header in a list
- Menus3:49
In this video we will learn how to create themeable menu with mouse and keyboard interactions for navigation
- jQuery Quiz
- Introduction3:16
In this video we will introduce you about Bootstrap and its usage
- Download and install bootstrap3:46
In this video we will learn how to download bootstrap and how to start using it
- Grid system9:02
In this video we will learn what is grid system and how to manage your screen parts
- Containers4:42
In this video we will learn how to use bootstrap containers and its different types
- Text style7:42
In this video we will learn how to deal with text using bootstrap classes
- Backgrounds3:52
In this video we will learn how to deal with elements background using bootstrap
- Tables6:46
In this video we will learn how to deal with tables using bootstrap
- Images4:33
In this video we will learn how to deal with images using bootstrap
- Jumbotron and badge5:40
In this video we will learn how to create badges and jumbotron using bootstrap
- Alerts3:13
In this video we will learn how easy to create alert messages using bootstrap
- Breadcrumb2:28
In this video we will learn how to indicates the current page's location within a navigational hierarchy
- Buttons6:29
In this video we will learn how to deal with buttons and its style
- Pagination4:30
In this video we will learn how simply create pagination
- List group4:57
In this video we will learn how to create a list group using bootstrap
- Progress bar4:34
In this video we will learn to create a progress bar using bootstrap
- Card7:10
In this video we will learn how to create a card which is a bordered box with some padding around its content. It includes options for headers, footers, content, colors, etc.
- Collapsible4:54
In this video we will learn how to create Collapsibles which are useful when you want to hide and show large amount of content
- Accordion5:30
In this video we will learn how to create an accordion simply using bootstrap classes
- Modal7:41
In this video we will learn how to deal with Modal plugin is a dialog box/popup window that is displayed on top of the current page
- Forms7:50
In this video we will learn how to deal with form elements using bootstrap
- Navs7:32
In this video we will learn how to create a vertical or horizontal menu called nav
- Dropdown7:03
In this video we will learn how to create dropdown menu simply using bootstrap
- Navbars11:01
In this video we will learn how to create a complete responsive navbar simply
- Carousel slider12:12
In this video we will learn how to create image slider named carousel
- Scrollspy3:43
In this video we will learn how to create Scrollspy which is used to automatically update links in a navigation list based on scroll position
- Bootstrap Quiz
- create project files7:30
In this video we will start creating project main files and folders
- navbar11:05
In this video we will create page navbar
- slider9:00
In this video we will create the first section in our page which contains a carousel image slider
- services section14:14
In this video we will create the services section
- portfolio section11:50
In this video we will create the portfolio section
- about section6:59
In this video we will create the about section
- team section9:43
In this video we will create a team section
- contact us section16:16
In this video we will create contact area and its form
- footer4:21
In this video we will create the footer section
- responsive6:51
In this video we will manage our template to be fully responsive
- scroll to sections10:04
In this video we will deal with navbar links to scroll between different section
- finishlize template5:43
In this video we will finish our template design
- introduction6:41
In this video we will introduce PHP language and its usage
- basic structure3:00
In this video we will learn the basic structure of PHP language
- output6:02
In this video we will learn how to output data into screen in different ways using PHP
- comments2:26
In this video we will learn how to add comments to our code
- variables8:05
In this video we will learn how to create variables to store data values
- mathematical operators5:32
In this video we will learn how to use mathematical operator to perform arithmetic on numbers
- increment and decrement operators6:33
In this video we will learn how to use increment and decrement operators to increment and decrement variable values
- constants3:10
In this video we will learn how to create a constant variable
- logical and compression operators11:24
In this video we will learn how to use comparison operators to compare values and how to use logical operators to determine the logic between variables or values
- Boolean expression4:25
In this video we will learn how to use Boolean expression to assign value to a variable based on some condition
- If else statement8:19
In this video we will learn how to use if else statements to perform different actions based on different conditions
- Switch case7:08
In this video we will learn how to use switch case to perform different actions based on different conditions
- For loop5:50
In this video we will learn how to loops through a block of code a number of times using for statement
- While – do while loops3:42
In this video we will learn how to loop through a block of code while specified condition is true using while statement and do while statement
- Continue and break statement5:15
In this video we will learn how to skip one iteration inside your loop and how to terminate the whole loop
- Array4:42
In this video we will learn how to use arrays to store multiple values in a single variable
- Array example6:07
In this video we will create a simple array example
- Associative array4:30
In this video we will talk about Associative arrays which are arrays that use named keys that you assign to them
- For each loop4:00
In this video we will learn how to loop through array using for each statement
- Multidimensional array6:31
In this video we will learn how PHP understands multidimensional arrays that are two, three, four, five, or more levels deep. However, arrays more than three levels deep are hard to manage for most people
- Array functions12:02
In this video we will learn how to deal with PHP arrays built-in functions
- Implode and explode array3:16
In this video we will learn how to deal with implode and explode built-in functions
- User defined functions6:39
In this video we will learn how to create a user defined functions
- Function default values4:42
In this video we will learn how to add default values to built-in functions
- Variable scope6:10
In this video we will learn what is variable scope and different ways to deal with it
- Mathematical functions8:11
In this video we will learn how to use mathematical built-in functions in PHP
- String manipulation14:27
In this video we will learn how to deal with strings and its built-in methods inside PHP
- Defined, isset and empty function5:38
In this video we will learn how to deal with variables if they have values and if defined also
- Super globals8:52
in this video we will talk about several predefined variables in PHP are "superglobals", which means that they are always accessible, regardless of scope - and you can access them from any function, class or file without having to do anything special
- More about post and get6:43
In this video we will learn how to deal with form data send through form method
- Validation concepts19:19
In this video we will learn the basic concepts of variables validation and variable constraints
- Ctype function10:23
In this video we will learn how to use ctype function to check inputs type
- Filters8:29
In this video we will learn how filters are used to validate and sanitize external input
- File upload15:06
In this video we will learn how to upload files or images using PHP
- Form example21:51
In this video we will create a simple form and validate its inputs using PHP
- Include and require4:29
In this video we will learn how to use include or require statement takes all the text/code/markup that exists in the specified file and copies it into the file that uses the include statement
- PHP header5:54
In this video we will learn how to redirect between files or links
- Mail3:25
In this video we will learn how to send email using PHP
- Sessions6:48
In this video we will learn how to use sessions which is a way to store information (in variables) to be used across multiple pages
- Cookies8:34
In this video we will learn about cookie which is often used to identify a user. A cookie is a small file that the server embeds on the user's computer. Each time the same computer requests a page with a browser, it will send the cookie too. With PHP, you can both create and retrieve cookie values
- File handling8:47
In this video we will learn about file handling which is an important part of any web application. You often need to open and process a file for different tasks
- PHP Quiz
Requirements
- لا يتطلب خبرات سابقة - الكورس يتدرج في المحتوي من المستوي المبتدأ إلى المتقدم
- يتطلب كمبيوتر يستخدم أي من نظم تشغيل
- لا يتطلب برامج خاصة
- No pre-knowledge required
- Any computer - Windows, OSX or Linux
- No special software required
Description
فى هذا الكورس ستتعلم برمجة و تصميم المواقع من خلال تعلم بعض اللغات و التقنيات الخاصه بهم مثل
HTML, CSS, Javascript, JQuery, Bootstrap, PHP, MySQLi, AJAX
بالأضافة الى عدد من الأمثلة العملية
بعد الأنتهاء من الكورس ستتمكن من انشاء موقع إليكتروني بشكل كامل لشركة أو مصنع أو غيرهم و العمل من خلال منصات العمل الحر و شركات تصميم المواقع
Who this course is for:
- الأشخاص الذين يريدون الربح من العمل كمطوري ويب محترفين في شركات أو عبر منصات العمل الحر
- من يريد تعلم لغة البرمجة المواقع الإلكترونية حتي الإحتراف
- Anyone wanting to learn how to build websites and apps
- People wanting to make a living or side-income from web development