برمجة وتطوير المواقع الإحترافية Full-Stack Developer

وصف المقرر

في هذه الدورة ستتعلم أحد أهم المجالات التقنية استخداماً والأكثر طلباً من ناحية التوظيف وهي :- أ-مجال تصميم مواقع الإنترنت 1-ستقوم في هذا القسم بتعلم أساسيات بناء صفحات المواقع والتعرف على تركيبتها ومكوناتها بالطريقة الصحيحة باستخدام HTML 2-أيضا ستقوم بتعلم أساسيات تجميل و إنشاء الستايل الخاص بصفحات الإنترنت من خلال CSS 3-بعد ذلك ستتعلم إنشاء صفحات تفاعلية على المتصفح من خلال جافا سكربت JS من خلال هذه الثلاثة أقسام ستكون لديك القدرة على إنشاء وتصميم موقع إنترنت متكامل يمكن للمستخدم تصفحه و الأطلاع عليه ب-مجال برمجة مواقع الإنترنت :- 1-إن الأقسام السابقة تقوم بتعليمك طريقة تصميم مواقع الإنترنت التي يمكن للمستخدم فقط مشاهدتها دون أن يقوم بتفاعل حقيقي مع الموقع كمثلا كتابة تعليقات أو إرسال مواضيع أو رفع بعض الملفات على الموقع لذلك هنا نحتاج إلى لغات البرمجة التي ستسمح لنا بإنشاء مواقع تفاعلية يمكن للمستخدم أن يقوم بالكثير من الأمور بها . لغة البرمجة التي ستقوم بدراستها هي لغة PHP وتعتبر من أسهل و أبسط لغات البرمجة والتي تعتبر هي اللغة الأكثر انتشاراً في مجال برمجة المواقع. 2-قواعد البيانات : إن من المهم للموقع أن يقوم بتخزين البيانات وتحديثها ومعالجتها و استرجاعها وعرضها على صفحات الموقع للمستخدمين ، أيضا من المهم حفظ بيانات المستخدمين مثلا بيانات الدخول الخاصة بهم ، الصور الشخصية ، تعليقاتهم وغيرها الكثير من اليانات لذلك فنحن بحاجة إلى ما يسمى بقواعد البيانات وسنقوم باستخدام MySQL هذه الدورة موجهة للشخص الذي يريد أن يصبح :- مطور مواقع Web Developer مبرمج مواقع Front-End Developer BackEnd Developer FullStack Developer

IMG-course
م.نايف الشهري
عام
1000 ريال
350
4 أشهر
2019 1 SEP
واجبات
عملي

قم بتسجيل الدخول للإنضمام إلى هذا المقرر

المحاضرات

Introduction to HTML


What's HTML ?


HTML cont...


Programming Languages and Markup Languages


Getting started with HTML


HTML Document and HTML Structure


HTML Tags and Elements


Nesting Elements and Attributes


How To Write Html code?


Basic HTML5 code


Favorite Icon - Favicon


Headings in HTML


Paragraph in HTML


Line Break in HTML -New Line


Horizontal Rule Element


Span Element


Comments in HTML


Task#1


Task#1 Solution


Task#2


Task#2 Solution


Text Formatting : bold and Strong


Text Formatting : Practice


Text Formatting : Italic and Emphasis


Text Formatting : Practice


Text Formatting : highlighting text


Text Formatting : small tag


Text Formatting : delete and insert tags


Text Formatting : subscript and superscript


Text Formatting : Quotations


Text Formatting : Abbreviations


Text Formatting : Address


Text Formatting : Bi-Directional Override and Isolation


Text Formatting : Word Break


Text Formatting : dfn tag


Text Formatting : line break and horizontal rule


Block-Level and inline-Level Elements


Code Content Markup


Pre-formatted Text - Pre Tag


data tag


Date and Time in HTML


Anchor Element - Links


target Attribute Part#1


target Attribute Part#2


target Attribute Part#3


href Attribute :Part#1


href Attribute :Part#2


Image in HTML


Task#3


Task#3 Solution


Clickable Image


map Tag with Image


Tables in HTML


colspan and rowspan in attributes


Ordered and Unordered List


Description List


HTML Forms #1


HTML Forms #2: minlength and maxlength attributes


HTML Forms #3 : date and time


HTML Forms #4 :Buttons


HTML Forms #5 : radio and checkbox


HTML Forms #6 : More types


HTML FORM#7 : Wrap up


HTML FORM #8: Label tag


HTML FROM #9: more elements


HTML FORM #10: Progress and meter


Iframe tag


Object and Embed tags


Embed Youtube video


Define Video in Webpage


Define Audio in Webpage


More about meta tag


Base tag


details and summary tags


figure and figcaption tags


div tag


webpage structure


HTML Entities


Project#1


HomeWork #1 Solution


Introduction to CSS


CSS Syntax


CSS comments and whitespaces


How to write CSS code ?


How to add CSS to HTML


the three methods specificity


CSS Selectors


Type (Element ) Selector


Class Selector


ID Selector


Selectors Specificity : Basics


Multiple Selector


Universal Selector


Text Styling : font-family


Text Styling : font-size ,font-weight and font-style


Text styling : line-height property


Text Styling : font-variant


font shorthand property


Text Styling : Text#1


Text Styling : Text-decoration


Text Styling : Text-indent , text-transform and writing-mode


Colors in CSS


CSS Colors : Wrap-up


text-shadow


Box Model #1


Box Model #2


Padding


Margin


Margin Collapse


Default Margin Style and Reset


Margin Collapse and Default Margin Example


Centering With Margin


Centering Example


CSS Borders


border-radius


Make triangle using border


Draw a Line Using border and background-color


Drawing shapes using border-radius


Background Color


Background Image


Background Clip , Origin


Multi Background Images


Background Blend modes


Linear Gradient


Radial Gradient


Text Gradient


Background Shorthand Property


CSS Units : part#1


Problems with Pixels


CSS Units : part#2 : Percentage


CSS Units : part#3 : rem and em


CSS Units : part#4 : View Port Units


Advanced Selectors#1 : Attribute Selectors


Attribute Selector : Practice


Advanced Selectors#2 : DOM and Combinator


Advanced Selectors#3: Pseudo class Selectors


Advanced Selectors#4 :More pseudo class Selectors


Advanced Selectors#5 : Pseudo Elements Selectors


outline property


Width and Height of an Element


Box-Sizing


Box Shadow #1


Box Shadow #2 :: Notes and Tools


Practice


display property #1


display property #2: none


Styling Lists


List Practice


CSS Positioning #1 : Box Model and Margin Collapse Review


CSS Positioning #2 : Document Flow


CSS Positioning #3 : Floating Elements


CSS Positioning #4 : Clear Fix


CSS Positioning #5 : Making Layout


CSS Positioning #6 : Using Margin for Spacing in Layout


CSS Positioning #7 : Using Padding for Spacing in Layout


CSS Positioning #7 : Position Property : static and relative


CSS Positioning #8 : Position Absolute


CSS Positioning #8 : Fixed position and Z-index


CSS Transform #1 : translate


Vertical Alignment using translate


Practice : Landing Page


How Does Internet Work


Understanding DNS


Understanding Domain-name Structure


Introduction to PHP


Setup Development Environment


Basic PHP Syntax


Comments in PHP


Introduction to Variables


PHP Data Types


PHP Constant


Arithmetic Operators


Assignment Operators


Comparison Operators


Increment / Decrement Operators


Logical Operators


Bitwise Operators


String Operators


Conditional Operator


Precedence of Operators


Introduction to decision making


IF Statement


IF – ELSE Statement


IF – ELSEIF – ELSE Statement


Switch – Case Statement


Introduction to Repetition


FOR Loop Statement


While Loop Statement


DO – While Loop Statement


Foreach Loop Statement


Break & Continue Statement


Introduction to Array


Multidimensional Array


Important Array Functions part - 1


Important Array Functions Part - 2


Mini-Project: Working with CSV files using Array Functions


Introduction to PHP Function


Global vs Local Variable


Function’s Parameters


Refactoring Mini-Project: CSV Application to Use Functions


Introduction to Object Oriented Programming in PHP


Declaring and Instantiating an Object


Class Constructor and Destructor


Class Members Visibility


Setters and Getters


Using Static Methods


Class Inheritance


Namespaces


Polymorphism & interfaces


Abstract Class


File Inclusion


Working with File System (Theory)


Working with File System (Practice)


Mini-project: Create a Directory Content Viewer


Refactoring Mini-Project: CSV Application to open file


Working with Strings Part 1


Working with Strings Part 2


Working with Date and Time


Introduction to HTTP


Understanding HTTP Request ands Responses


Introduction to Predefined Variables


Handling Query strings with Predefined Variables


Handling HTML forms with Predefined Variables


Handling File Uploads with Predefined Variables (Theory)


Handling File Uploads with Predefined Variables (Practice)


Working with Cookies in PHP


Working with Session in PHP


Storing Data in PHP


Creating Database Schema using phpMyAdmin


Connecting to Database


Inserting Data into Database


Get the Latest Inserted Record


Inserting Multiple Records


Using Prepared Statement


Reading All Data from Database’s Table – Using MySQLi extension


Reading All Data from Database’s Table – Using PDO extension


Updating Data in Database – Using MySQLi extension


Updating Data in Database – Using PDO extension


Deleting Data from Database – Using MySQLi & PDO Extension


Mini-Project: Create a Control Panel to manage users


Mini-Project: Implement Insert functionality


Mini-Project: Implement List Entries functionality


Mini-Project: Implement Update functionality


Mini-Project: Implement Delete Functionality


Filtering Input & Escaping Output


Preventing Cross Site Scripting (XSS) and SQL Injection


Crud in PHP