JavaScript for Beginners - Build Real World Apps (Arabic)

تعلم الجافاسكربت من الصفر من خلال مشاريع عملية
Rating: 4.4 out of 5 (95 ratings)
3,776 students
JavaScript for Beginners - Build Real World Apps (Arabic)
Rating: 4.4 out of 5 (95 ratings)
3,776 students
JavaScript basics & fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, arrays, etc
DOM (Document Object Model) Manipulation and UI Events: Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners
OOP (Object Oriented Programming): ES5 prototypes, inheritance, ES2015 classes & sub-classes, constructors

Requirements

  • Basic HTML and CSS
Description

هذا الكورس مخصص لجميع الراغبين بتعلم الجاقاسكربت ومن الصفر حيث سأشرح استخدام اللغة لبناء صفحات ويب تفاعلية.

يتضمن الكورس ثلاث أجزاء أساسية:

  • JavaScript basics & fundamentals: Data types, variables, functions, conditionals, loops, object literals, arrays, etc.

  • DOM (Document Object Model) Manipulation and UI Events: Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners, etc.

  • OOP (Object Oriented Programming): ES5 prototypes, inheritance, ES2015 classes & sub-classes, constructors, etc.

يتضمن الكورس عدة مشاريع قريبة جداً من الحياة العملية.

جميع اللأكواد متوفرة ويمكنك تحميلها.

المتطلبات الأساسية: معرفة مبدئية ب HTML  و CSS


رجاء مراسلتي في حال كان لديكم أي سؤال أو استفسار :)


ملاحظة: هذا الكورس قيد التطوير بشكل دائم وسأقوم بإضافة محتوى جديد على أساس منتظم اعتماداً على ملاحظاتكم

في حال وجدتم أي مشكلة رجاء مراسلتي (قبل ترك أي رفيو) وسأقوم بحل المشكلة فوراً. ولكم جزيل الشكر :)


Who this course is for:
  • Beginner JavaScript
Curriculum
7 sections • 49 lectures • 12h 4m total length
  • Environment Setup
  • Adding JavaScript Scripts into the HTML
  • Leveraging the Console's Features
  • Introduction to the Variables
  • Primitive Data Types vs Reference Data Types
  • Example of Primitive and Reference Data Types
  • Data Type Conversion
  • Numbers in JavaScript
  • Strings and their Methods
  • Template Literals
  • Arrays and their Methods
  • Object Literals
  • Dates and Times
  • if Statement
  • switch Statement
  • Functions: Declaration and Expressions
  • Loops in JavaScript
  • "let" and "const": The Block Scope
  • The "Window" Object
  • What is the DOM?
  • The "Document" Objects
  • DOM Selector for Single Elements
  • DOM Selector for Multiple Elements
  • DOM Traversing
  • Creating DOM Elements
  • Replacing and Removing DOM Elements
  • The "Event" Object and the Event Listeners
  • Mouse Events
  • Keyboard Events
  • Event Bubbling and Event Delegation
  • Local Storage and Session Storage
  • Adding Projects
  • Deleting and Filtering Projects
  • Persist to Local Storage
  • Constructors
  • Built-in Constructors
  • What is Prototype?
  • Prototypal Inheritance
  • Object.create()
  • Classes in ES6
  • Sub Classes
  • Introduction to the Project
  • Building the UI
  • Add Students to the List
  • Implementing the Validation
  • Deleting a Student from the List
  • Implementation based on ES6
  • Persist to Local Storage
  • Conclusion

Instructor
Researcher and Lecturer
Dr Zakwan Jaroucheh
  • 4.4 Instructor Rating
  • 563 Reviews
  • 26,962 Students
  • 3 Courses

I am Zakwan Jaroucheh, a lecturer in Edinburgh Napier University (ENU), UK, and I am super-psyched that you are reading this!


I hold a BSc degree in Computer Science, an MSc degree in Business Information Systems, and a PhD degree in the software engineering domain. In my current role as a lecturer, I am involved in lecturing on software-related subjects at both undergraduate and postgraduate levels. I spent around six years in the industry working with companies such as Canon and Dell as a software developer.


I am a software development engineer with a passion for 'doing things better'. I enjoy setting high standards, constantly learning new things, and sharing that knowledge with others. I have mastered explaining very complex topics in a simple manner that is very understandable.