الموضوع الشاااامل لمجال الويب ( Front + Back + Mean ) :D ============================
همشى بالترتيب ومن الصفر فى كل مجال وكل لغه هقولها هكتبلك المصادر سواء ( فيديوهات + كتب ) لكل لغة باذن الله وطبعا مش هكتب مصدر واحد لأ .. هكتبلك كذا مصدر وهعتمد على الانجليزى اكتر باذن الله
--------------------------------------------------------------
>>> مجال الفرونت Front End Developer ... <<<
-----------------------------------------------------------------
1- هتتعلم لـغة الـ HTML وهيا المسئول عن بناء اى صفحه ويب
** الفيديوهات ** :
قناة net nenja من هنا : https://goo.gl/3a2kft
قناة حازم نبيل : https://goo.gl/899dRj
قناة EJ MEdia من هنا : https://goo.gl/A7pJaD
قناة Traversy من هنا : https://goo.gl/S6M4zn
** الكتب ** :
- HTML & CSS: Design and Build Web Sites
- Head First HTML with CSS & XHTML
- HTML and CSS: Visual Quickstart Guide
**************************
2- هتتعلم لغـة الـ CSS عشان الالوان بقى والحركات
** الفيديوهات ** :
قناة net ninja من هنا : https://goo.gl/sn1gTu
قناة حازم نبيل : https://goo.gl/mJePwQ
قناة Traversy من هنا : https://goo.gl/PHv4xk
قناة w3school من هنا : https://goo.gl/sTJxkP
** الكتب ** :
- HTML & CSS: Design and Build Web Sites
- Head First HTML with CSS & XHTML
- HTML and CSS: Visual Quickstart Guide
**************************
3- هتتعلم لغـة الـ JS الاساسيات من غير اى اضافات نهائى فى الاول
** الفيديوهات ** :
قناة net ninja من هنا : https://goo.gl/ybxqCn
قناة حازم نبيل : https://goo.gl/fqWS6n
قناة bucky من هنا : https://goo.gl/U2AJs9
قناة Traversy من هنا : https://goo.gl/hHntGV
** الكتب ** :
- JavaScript: The Good Parts
- You Don’t Know JS
- JavaScript Allongé: The Six Edition
**************************
4- هتتعلم HTML 5
** الفيديوهات ** :
قناة Ej Media من هنا : https://goo.gl/sidXy7
قناة حازم نبيل : https://goo.gl/fJmtbM
** الكتب ** :
- Beginning HTML5 and CSS3: The Web Evolved
- The Missing Manual (Missing Manuals)
- HTML5 and CSS3 All-in-One Book For Dummies
- HTML5 in Action
**************************
5- هتتعلم CSS 3
** الفيديوهات ** :
قناة Derek من هنا : https://goo.gl/wyXzT6
قناة Leveluptuts من هنا : https://goo.gl/Ze2ike
قناة حازم نبيل : https://goo.gl/D7Gg1I
** الكتب ** :
- CSS3 for Web Designers
- How to Code in HTML5 and CSS3
- Beginning HTML5 and CSS3: The Web Evolved
**************************
6- هتتعلم jQuery
** الفيديوهات ** :
قناة net ninja من هنا : https://goo.gl/QCxH7u
قناة Traversy من هنا : https://goo.gl/WSHfR3
قناة حازم نبيل : https://goo.gl/8vxW1D
** الكتب ** :
- Head First JQuery
- JavaScript & JQuery: The Missing Manual
- jQuery in Action
- A Smarter Way to Learn jQuery
**************************
6- هتتعلم Bootstrap 4
** الفيديوهات ** :
قناة sonar من هنا : https://goo.gl/zu8eYz
قناة brad من هنا : https://goo.gl/873Qx5
قناة Traversy من هنا : https://goo.gl/DzpF3T
قناة حازم نبيل : https://goo.gl/qVFjFf
قناة net ninja من هنا : https://goo.gl/8C97fL
** الكتب ** :
- Bootstrap in 24 Hours
- Jump Start Bootstrap
**************************
7- هتتعلم الـ media Query او Responsive عموما
** الفيديوهات ** :
قناة حازم نبيل : https://goo.gl/H8gefB
قناة Telmo من هنا : https://goo.gl/E42AJW
قناة Full stack من هنا : https://goo.gl/qp4wuq
** الكتب ** :
- Responsive Web Design
- Responsive Web Design with HTML5 and CSS3
**************************
--------------------------------
هنوقف شويه مرحلة الكورسات ونخش بقى مرحلة التطبيقات شويه
- تطبيقات القناة بتاعتنا بالينكات ال github كلها
****************************************************
- تصميم موقع كامل باستخدام HTML و CSS
لينك الكورس : https://goo.gl/74m2iA
ملفات التصميم : https://goo.gl/NZWE7u
**************************
- تصميم موقع كامل باستخدام HTML و CSS و JS
لينك الكورس : https://goo.gl/a123q9
ملفات التصميم : https://goo.gl/fPPk1P
**************************
- تصميم موقع كامل باستخدام HTML , CSS متعدد الصفحات
لينك الكورس : https://goo.gl/qgbgi2
ملفات التصميم : https://goo.gl/L7BPu2
**************************
تصميم موقع كامل باستخدم HTML , CSS , jQuery
لينك الكورس : https://goo.gl/hjunn9
ملفات التصميم : https://goo.gl/m5pBCX
**************************
- تصميم موقع كامل باستخدام HTML 5 , CSS 3 , Bootstrap
لينك الكورس : https://goo.gl/M8J2Zz
ملفات التصميم : https://goo.gl/e5SQPA
**************************
- تصميم موقع كامل باستخدام HTML 5 , CSS 3 , jQuery
لينك الكورس : https://goo.gl/NmLLjE
ملفات التصميم : https://goo.gl/e7vZdf
**************************
- تصميم موقع كامل باستخدام الـ HTML 5 , CSS 3
لينك الكورس : https://goo.gl/LjGJWA
ملفات التصميم : https://goo.gl/t5pHk7
**************************
- تصميم موقع كامل باستخدام الـ HTML , CSS , Media Query
لينك الكورس : https://goo.gl/BhRnSu
ملفات التصميم : https://goo.gl/vnZZeB
**************************
- تصميم موقع كامل باستخدام الـ HTML 5 CSS3 jQuery Bootstrap
لينك الكورس : https://goo.gl/MfUkSb
ملفات التصميم : https://goo.gl/m6MqaU
****************************************************
تطبيقات مع Traversy البرنس
- تصميم موقع بسيط
- https://goo.gl/78oiP7
- تصميم موقع Parallex
- https://goo.gl/veir9Y
----------------------------------------------------------
طبقنا على الحاجات اللى فاتت .. تعالوا نرجع نكمل مرحله الكورسات تانى
8- هتتعلم CSS Grid
قناة net ninja من هنا : https://goo.gl/rFFkD8
قناة Free Code من هنا : https://goo.gl/dQ7iP7
قناة Traversy من هنا : https://goo.gl/mJVc5k
**************************
9- ايه الفرق بين Flexbox و Grid وانهى افضل
قناة Academind من هنا : https://goo.gl/uqzC7A
قناة Stefan من هنا : https://goo.gl/1GVnsd
#تعالوا بقى نخش فى مرحلة التقدم شويه ونتعلم الاتى :
11 - اتعلم javascript dom + bom
** الفيديوهات ** :
قناة net ninja من هنا : https://goo.gl/p6mzDZ
قناة Traversy من هنا : https://goo.gl/zJRsHi
** الكتب ** :
- DOM Scripting. Web Design with JavaScript
**************************
12- هتتعلم Sass
** الفيديوهات ** :
- قناة leveluptuts من هنا : https://goo.gl/wV0azu
- قناة net ninja من هنا : https://goo.gl/6WqCnE
- قناة Derek من هنا : https://goo.gl/1xDJWs
** الكتب ** :
- Sass and Compass for Designers
- Instant SASS CSS How-to
- Pragmatic Guide to Sass : Tame the Modern Style Sheet
- Mastering Sass
**************************
14- هتتعلم Pug او Jade
قناة تكنوفوبيا : https://goo.gl/vDTsnH
قناة Derek من هنا : https://goo.gl/7pz6ny
**************************
15- هتتعلم LESS
قناة Traversy من هنا : https://goo.gl/2yjsBn
**************************
16- اتعلم Gulpjs
قناة تكنوفوبيا : https://goo.gl/g8Auvp
قناة Traversy من هنا : https://goo.gl/YnRCjj
**************************
18- اتعلم Coffeescript
قناة Derek من هنا : https://goo.gl/VeFUuD
قناة leveluptuts من هنا : https://goo.gl/2Q3jdU
**************************
19- اتعلم Materialize CSS
قناة Traversy من هنا : https://goo.gl/g7V1Vt
**************************
20- اتعلم Foundation
قناة Traversy من هنا : https://goo.gl/VxLqZ7
**************************
21- اتعلم Rejx او regular expression
قناة net nenja من هنا : https://goo.gl/dRREiU
**************************
22- اتعلم js oop لااااااااااااااااااااازم
قناة learnwebcode من هنا : https://goo.gl/XhLAOi
قناة mosh من هنا : https://goo.gl/agzX2H
قناة Derek من هنا : https://goo.gl/3znM6o
**************************
23- اتعلم ازاى توسطن العناصر بكل الطريق ب css
قناة حازم نبيل : https://goo.gl/deq2ac
**************************
24- اتعلم Es6
قناة Traversy من هنا : https://goo.gl/px8SGM
قناة codeevloution من هنا : https://goo.gl/kDSxUe
**************************
25- افهم تتعامل ازاى مع UX
https://goo.gl/HBbA5p
**************************
#تعالوا نطبق تانى مع الباشا Traversy
- تطبيق على ال html و css و Grid
https://goo.gl/mBb5BL
**************************
- تطبيق على Foundation مع Sass
https://goo.gl/NrxikM
**************************
- تطبيق على responsive + grid
https://goo.gl/KwcVRZ
**************************
- تطبيق على materialize
https://goo.gl/iUGk5q
**************************
حاول تشوف الليست ديه مهمه جدا جدا جدا جدا : https://goo.gl/zTND33
===========================================
>>> مجال الـ Mean Stack ... <<<
نصيحه .. المجال ده بقى مطلوب كتتيييير جدا فى السوق او بعض اللغات منه
بقت مطلوبه جداااا ولازم تكون عااااارفهااا عشان مفيش اى شركه ترفضك
بل بالعكس هيتخانقوا عليك لو عارف الحاجات ديه
1- اتعلم Mongodb
** الفيديوهات ** :
قناة Traversy من هنا : https://goo.gl/lL3Uly
قناة net ninja من هنا : https://goo.gl/wufg7S
**************************
2- اتعلم Express
**الفيديوهات ** :
قناة Traversy من هنا : https://goo.gl/xA1FqE
قناة Derek من هنا : https://goo.gl/pBE6r2
**************************
3- اتعلم Typescript
قناة أحمد ناصر : https://goo.gl/gmUixe
قناة Mosh من هنا : https://goo.gl/qAbFGC
قناة Traversy من هنا : https://goo.gl/rrhxEa
**************************
4- اتعلم +Angular 4
** الفيديوهات ** :
قناة Traversy من هنا : https://goo.gl/M85Mya
قناة Mosh من هنا : https://goo.gl/9J6DvB
قناة Academind ( جامده جدااااا ) من هنا : https://goo.gl/vMFJDS
قناة احمد ناااصر : https://goo.gl/bBEFFN
**************************
5- اتعلم webpack
** الفيديوهات :
قناة Traversy من هنا : https://goo.gl/iW2Sb4
قناة Academind من هنا : https://goo.gl/b6hk21
**************************
6- اتعلم NodeJs
** الفيديوهات ** :
قناة Traversy من هنا : https://goo.gl/zgHHmz
قناة net ninja من هنا : https://goo.gl/PkVWdd
قناة mosh من هنا : https://goo.gl/QMCi6L
**************************
7- اتعلم ReactJS
** الفيديوهات :
- قناة codeacademy من هنا : https://goo.gl/LYHz44
- قناة traversy من هنا : https://goo.gl/3B5sFB
- قناه العبدلله : https://www.youtube.com/playlist…
**************************
8- اتعلم React Native
** الفيديوهات :
قناة Traversy من هنا : https://goo.gl/mJiWDT
قناة khalid من هنا : https://goo.gl/455f8B
**************************
9- اتعلم Ionic
** الفيديوهات :
قناة Traversy من هنا : https://goo.gl/nj8oJh
قناة codeamn من هنا : https://goo.gl/8s1fxs
**************************
10- اتعلم VueJS
** الفيديوهات :
قناة Traversy من هنا : https://goo.gl/Pehh06
قناة net ninja من هنا : https://goo.gl/Rt5rEi
قناة GoArabGo من هنا : https://goo.gl/mRtHxH
**************************
11- اتعلم Rest Api
** الفيديوهات :
قناة net ninja من هنا : https://goo.gl/ZJEqPT
==== تطبيقات بقى على مجال الـ mean ======
- التطبيق الاول ( React Simple Todo App )
الفيديوهات : https://www.youtube.com/playlist…
- التطبيق التانى ( Crud System - Course App )
الفيديوهات : https://www.youtube.com/playlist…
- التطبيق التالت ( React Weather App )
الفيديوهات : https://www.youtube.com/playlist…
- تطبيق على عمل شات باستخدام ال vue + firebase
https://goo.gl/wJVcEE
- تطبيق موقع باستخدام ال angular و firebase
https://goo.gl/FWYJYK
- تطبيق ecommerce على ال angular و firebase
https://goo.gl/By8duJ
- ازاى تعمل restfull api مع express و node
https://goo.gl/p3mMnT
- تطبيق كامل على Mean stack كلها
https://goo.gl/rtvi6C
- دورة كامله بتطبيق على Mean stack من traversy
https://goo.gl/yHLGQd
- ساعة كاملة فيها تطبيق على mean stack
https://goo.gl/JVBdPr
===========================================
>>> مجال الـ Back End ... <<<
اول حاجه لازم طبعا يكون عندك خلفيه على الاقل عن html css js
دول اقل حاجه كبدايه للباك اند + تعرف بقى الحاجات ديه تبقى فل اوى
1- اتعلم PHP او Asp على حسب اللى انت حابه
** الفيديوهات لـ php ** :
قناة Traversy من هنا : https://goo.gl/CSTEhS
قناة mmtuts من هنا : https://goo.gl/5u68kC
قناة حازم نبيل : https://goo.gl/HhSvMb
قناة محمد يحيى : https://goo.gl/qeH6xJ
**************************
** فيديوهات ASP ** :
قناة خالد السعدنى : https://goo.gl/1d4gFo
قناة kudvenkat من هنا : https://goo.gl/0tqCDe
تطبيق كامل مع خالد السعدنى : https://goo.gl/UFqBHn
** الكتب ** :
- Head First PHP & MySQL: A Brain-Friendly Guide
- Learning PHP, MySQL & JavaScript: With JQuery, CSS & HTML5
- PHP & MySQL Novice to Ninja
**************************
2- اتعلم Mysql او PDO
** الفيديوهات ** :
قناة Traversy من هنا : https://goo.gl/BgMv3r
قناة Traversy من هنا : https://goo.gl/suoZM1
قناة Derek من هنا : https://goo.gl/aq4GjW
قناة محمد يحيى : https://goo.gl/PQ2V4y
**************************
3- اتعلم بقى الـ Framework زى Laravel
** الفيديوهات ** :
قناة Traversy من هنا : https://goo.gl/J897Kj
قناة Saffa من هنا : https://goo.gl/ek6Sg8
قناة بغداد : https://goo.gl/Aw1VG2
قناة Academine من هنا ( دورة + تطبيق شامل ) : https://goo.gl/xIt99W
**************************
4- اتعلم Codeginator
** الفيديوهات :
قناة Traversy من هنا : https://goo.gl/CqCUcD
قناة Solution من هنا : https://goo.gl/Ja8Pmn
**************************
5- اتعلم Zend Framework
قناة Traversy من هنا : https://goo.gl/8QqrrH
قناة دورات : https://goo.gl/gL6CnU
**************************
6- اتعلم Symfony
قناة Traversy من هنا : https://goo.gl/jNj54V
**************************
ملحوظة : اتعلم فريمورك واحد بس مش شرط كله طبعااا
7- اتعلم نظام ادارة المحتوى سواء Wordpress او joomla او Drupal
** الفيديوهات لـ wordpress
قناة Levelup من هنا : https://goo.gl/T7jWoJ
قناة Alessandor من هنا : https://goo.gl/EuPMkB
** فيديوهات لـ Drupal
قناة Levelup من هنا : https://goo.gl/yo9N3M
قناة Ostraining من هنا : https://goo.gl/L8oJSR
** فيديوهات لـ joomla
قناة osTraining من هنا : https://goo.gl/v61hd7
قناة site من هنا : https://goo.gl/ed49kN
**************************
8- ممكن تستخدم Java عادى
وتراك الجافا كله هتلاقيه فى قناه الريس محمد عيسى
مليانه كورسات جافا للويب : https://goo.gl/lya74Z
**************************
9- متنساش طبعا تتعلم تقنيه ال Ajax
قناة محمد يحيى : https://goo.gl/kSEUSN
قناة Traversy من هنا : https://goo.gl/9ePHjw
**************************
10- ديه نقطه مش تبع مجال الباك
ده لازم تتعلم Git عشان هيفيدك فى مشاريعك جداا
قناة net ninja من هنا : https://goo.gl/czxeex
قناة رامى حكم : https://goo.gl/sU41u6
===== تطبيقات على مجال الـ Back ========
- تطبيق ecommerce باستخدام laravel
https://goo.gl/vb7nV1
- تطبيق shopping cade باستخدام laravel + node
https://goo.gl/ja6wXm
- تطبيق ecommerce باستخدام laravel + vue
https://goo.gl/RofuYg
- تطبيق كامل باستخدام php mvc و oop
https://goo.gl/SXWx38
- تطبيق المخزن الالكترونى لمحمد يحيى
https://goo.gl/r1mrwk
=====================================
البرامج بقى اللى ممكن تشتغل بيها
- برنامج Brackets .. نزله من هنا : https://goo.gl/MNsQB
- برنامج Atom .. نزله من هنا : https://goo.gl/LGBVzh
- برنامج visual studio code .. نزله من هنا : https://goo.gl/0b7Wgm
- برنامج Komodo .. نزله من هنا : https://goo.gl/IKh1
- برنامج Sublime .. نزله من هنا : https://goo.gl/mdQBHT
- برنامج notepad++ .. نزله من هنا : https://goo.gl/zFwleQ
- برنامج Aptana Studio .. نزله من هنا : https://goo.gl/1gXT
- برنامج PHP Storm .. نزله من هنا : https://goo.gl/ISHyD
=======================================
نصيحه مهمه جدا جدا جدا
حاول تتعلم Data structure و Algorithm كويس جدا جدا
هيفرقوا جدااا معاك فى اى كورس هتاخده بعد كده
قناة وليد يوسف لتعلم الداتا ستراكتشر : https://goo.gl/bPGLVc
قناة كود مصرى عشان تتعلم الالجوريزم : https://goo.gl/x00tQG
======================================
بس كده خلاااص اقدر اقول كده جمعت معظم الحاجات
عبّر عن تعليقكالإبتسامات