أن تكون مطور وجهات عادى و أن تحترف طريقين مختلفين تماما فالأحتراف هو أن تكون فى تطور دائما مع متطلبات سوق الأعمل و مع التقنيات الجديده التى تكون موجوده بأستمرار و لعل ما جعلن أكتب هذا الموضوع من الأصل أنى وجت الكثير من الأخوه لا يعرف طريقه المذاكره أو التكونولوجيا التى يحتاج لتعلمها حتى يكون محترف فأجد الكثير من الأخطاء فى المسارات التى يضعها المبتدأون فى المجال دون علم بأحدث و أهم التطويرات فى المجال و فى هذا سوف أتحدث عن أفضل المسارات التى وجدتها فى العام 2020 و بأذن الله سيكون هناك موضوعات عن Back-end , DevOps, Game dev .... و أكثر بأذن الله تعالى , دعونا نبدأ .
أعتمت على الخريطه المدرجه مع الموضوع للتوضيح .
تعلم أساسيات الإنترنت و معنى أهم المصطلحات .
ما هو الإنترنت و كيف الإنترنت ؟
معنى HTTP ؟
ما هو متصفح الإنترنت و كيف يعمل ؟
ما هو متصفح DNS و كيف يعمل ؟
معنى Domain او النطاق ؟
معنى Hosting او الإستضافة ؟
لم لا يعرف المصطلحات الأتيه هذة الفديوهات أرشحها لهذا القسم
تعلم لغة HTML .
صالحيات اللغة و أستخدماتها
تعلم الأساسيات
الكتابة بالمعاير العالمية
أساسيات السيو و التعامل مع محركات البحث عن طريق html
التعامل مع الفورم
و هناك فى هذا القسم أكثر من الكثير من حيث الكورسات لدرجه قد تسبب التشتيت لسهوله اللغه و بسطتها فيمكنك تعلمها فى أقل من أسبوع لذا فلن أضع الكثير من الكورسات ... سأضع كورس واحد وجت أنه شامل لكل ما تحتاج معرفته فى اللغه
و الجميل فى هذا الكورس أنه يشمل الكثير من الأقسم وليس هذا القسم فقط فستجدنى أرشحله لأكثر من قسم و خصوصا أنه وعد بالكثير و مذال يتجدد بأستمرار حتى وقت كتابة هذا المقال
تعلم لغة CSS .
تعلم الأساسيات
تعلم التصميمات المتجاوبة و التى تعمل بتناسق على عدة شاشات و المديا كويرى
تعلم عمل الlayout
floats
Positioning
Display
Box Model
CSS Grid
Flex Box
و بنسبة للكورس فأنا أنصح بالكورس الفائت فقد شرح اللغة بأدق التفاصيل و يصعب التفوق علية
تعلم لغة JavaScript.
تعلم أساسيات اللغة و قواعد كتبتها
تعلم DOM و التلاعب بالعناصر .
تعلم API , Ajax, JSON و طرق التعامل معهم .
تعرف على التحديثات و الطريقة الحديثه فى اللغة عن طريق تعلم ES6
تعرف على المصلحات الأشهر فى اللغة و أستخدمها مثل Events, Scope, shadow DOM, strict ...إلخ و ستجدهم فى الصورة
و بالنسبة للكورس فأنا أرشح الكورس الفائت أيضا و معه بعض من الكورسات الأخرة التى تحتاج إلى مقال جديد و ذلك لعضم هذة اللغة و أهميتها فى المجال
تعلم لغة Version Control .
حيث أنها فى الماضى كانت رافهيه للمطورين و مع التطور أصبحت رئيسيه ... أنا لا أتخيل أن هناك مطور لا يستعملها و من أشهر التقنيات الحديثة فى هذا القسم هى Git و من أشهر ما ترتبط به عندما هتذكر هذة التقنية هو موقع GitHub رغم أنهم مختلفين لكن هناك من يخلط بينهم بدافع عدم الخبره أو أنه لا يستعمل التقنيه أصلا و فقط يسمع عنها .
لا أستطيع الأنكار بأن موقع GitHub من أفضل المواقع فى هذا المجال بال و أشهرهم ولكن ظهر مأخر بعض المتنافسين فى المجال مع مميزات رائعه والتى تجزبنى لهم بشكل كبير مع العلم التعامل معههم شبة واحد .
و من أشهر المنافسين bitbucket , gitlab
و من انصح بأن تختار أحد الكورسين التالين للتعلم حتى لا تتشتت .. فكل كورس منهم شرح المادة العلمية كامله
تعلم الحد الأدنى عن السيكورتى للويب و فهم المصطلحات التالية على الأقل .
content security policy
HTTPS
The Open Web Application Security Project
Cross-origin resource sharing
و بنسبه لهذا القسم يمكننى أن أكتب مقالات عنه مستقبلا بسبب قله المحتوى العربي فيه .
ولكن أذا كنت مصر على القراه يمكنك الأطلاع على الأتى
طور من مهارتك فى كتابة الCSS .
بسبب كبر حجم المشروعات و الحاجه دئما إلى تطويرها أحتجنا الى عمل طريقة لكتابة الكود الcss ليكون منظم و هي طرق متفق عليها لسهوله قرئة الأكواد و من الطرق هذه
OOCSS
SMACSS
BEM
ليس عليك معرفتهم كلهم مع سهوله الأم حيث أن كل واحده منهم لن تأخذ أكثر من يوم لتعلمها و تطبيقها أيضا و لكن أذا أرت يمكنك تعلم واحده فقط الأمر كمدرسه فى كتنابه الكود فى النهاية ليس أكثر .
للأسف سيكون هناك فقر فى الكورسات المشرحه و ذلك لقه المحتوى بشكل عام فى هذا الأمر و الذي يمكن أن نكتب عنه أو أصور فديو عنه مستقبلا .
و الفديو الوحيد الذي وجته بالغة العربيه
تعلم Package managers .
من الأدوات السهله جدا جدا جدا حيث أنك لن تجد لها كورس يزيد عن فديو واحد و الفديو لن يزيد عن ساعه و فى بعض الأحيان قد يكون أقل من نصف ساعه .
هذه الباكدج مانجر عبارة عن أداه وليست لغه برمجه أو شئ من هذا القبيل تساعدك على تسطيب بيئه العمل بسرعه بمجرد أوامر بسيطه دون أى تعقيد و هناك عده بكجات لكل لغه برمجه ولكن من أشهرهم
NPM
yarn
يمكنك تعلم واحده فقط أو الأثنين فلن تأخذ منك أى وقت و هذه عدة فديوهات يمكنك أختيار واحد فقط منهم و شاهده
طور الCSS لتكتب Pre-processor .
أدوات تحول الكود css القديم بتاعك لحاجه قوية و تحتوى على function و loop و حجات مكنتش موجوده فى الcss بطبعها , من أشهر الأدوات
Sass
less
PostCss
و طبعا مش محتاج تتعلم الأدوات دى كلها أنت تتعلم حاجه واحده كفاية جدا و أنا هحط بلاى لست لل sass و مش هرفع أكثر من بلاى ليست واحده عشان التشتيت .
و أنت تقدر بعد ما تشوف البلاى ليست تدور على تطبيق بشكل الى ينسبك
أدوات تسريع البناء
دلوقتى أنا بقا مستواك تقيل و حلو بس عندك مشكله زى أنك كود الجافا سكربت بتاعك بقي شوية السطور بتخلص ب ; وشيه بتخلص من غيرها و الكود شكله مش راكب على بعضه دا غير أنك كل مره بتضغط الأكواد و الصور بشكل منول و تدمجهم بشكل منول و سعات بتوصل أنك بترفعهم على الهوست بشكل منول الموضوع الى ممكن يكون ممل نوعا ما و أحنا كمطورين مينفعناش الكلام دا فضهر عندانا الأدوات و التكنولوجيا دى
Task runners
هى أدوات بتساعدك فى أنك تكمبيل ال Pre-processor و تضعط الصور وتسكاتن تانية كتير من أشهرها
Gulp
Grunt و دى تقريبا محدش بقا يستعملها فا مش لزم تتعلمها
و أنا دى كورسات للجلب تقدر تشفها كلها أو تختار حاجه منهم واحده بس
linters and formatters
و دي بأختصار بتعلى من جودة كود ال js بتاعك و أنا حط فديوهين بيشرحو الكلام دا تقدر تختار فديو واحد أو تشوف الأثنين و هتفهم كل حاجه عن الموضوع دا بأذن الله .
Modern Bundlers
و دى حاجه بختصار زى التاسك رانر لا و أسهل و من أشهرها
Webpack
Rollup
Parcel
وطبعا أنت مش محتاج تتعلمهم كلهم رغم سهولتهم فى التعلم ... أتعلم حاجه واحده و هتعرف تتعامل مع الباقي و دى كورسين شحر للويب باك و البرشل
JS FrameWork
هنا نقف شوية و أحب أقولك أن فى كثير أوى أوى لدرجه أن فعلا دا محتاج مقال لوحده فعلا بس أنا هنا هتكلم عن أشهرهم
Vue
Angular
React
و دول زى ما تقول مكاتب للجافا سكربت بتساعدك فى توفير الكود و بتعلى جودته جدا
متتعلمش غير واحد بس بلاش تتعلم ال3 فى الأول هيشتتك و أنا بنصح ب vue.js و دي كورسين أنا برشحهم
او ممكن تشوف دا
.
.
.
و بكدا أكون خلصت الجزء الأول من المقال و بأذن الله هنزل الجزء التانى قريب فيه باقى المسار و أتمنى تفاعلكم
التعليقات