كيف أتعلم تطوير الويب الأمامي؟


الاجابه 1:

بافتراض أنك لا تملك أي معرفة مسبقة ، أقترح عليك أن تبدأ بأساسيات HTML و CSS.

هذه هي أساسيات تخطيط موقع الويب.

اقرأ كتابًا أو حاول الدراسة على موقع W3C ، واختر الكتاب الذي تشعر بالراحة معه.

يجب عليك إنشاء بعض صفحات الويب الثابتة (حوالي 5) باستخدام HTML و CSS ، قد ترغب في إنشاء صفحة رئيسية / صفحة عنا / صفحة اتصل بنا. يمكنك بناء تلك الصفحات أثناء الدراسة.

عند الانتهاء من هذه المرحلة ، وتشعر أن لديك معرفة جيدة بـ HTML و CSS ، يمكنك البدء في تعلم Javascript ، مرة أخرى ، يمكنك الدراسة من كتاب أو موقع W3C.

باستخدام Javascript ، ستعرف كيفية إضافة وظائف إلى صفحاتك الثابتة التي أنشأتها للتو باستخدام HTML و CSS.

عندما يكون لديك معرفة جيدة بـ HTML + CSS + Javascript ، فأنت في منتصف الطريق لتصبح FED (مطور أمامي).

هذه هي كل الأساسيات ، لكنك ما زلت بحاجة إلى معرفة العمل مع الأطر (كل إطار عمل FED سيستخدم هذه اللغات الثلاث ، في البداية تحتاج إلى دراسة تلك اللغات فقط).

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

  • Twitter Bootstrap - إنه إطار عمل لإنشاء مواقع ويب مستجيبة للجوال.
  • مسج - هذا لا يسمى إطار عمل بل مكتبة (لا يجب أن تهتم في هذه المرحلة) ، يجب أن تعرف مسج.
  • واحد على الأقل من إطارات عمل SPA - AngularJS / Ember / ReactJS / Aurelia. SPA هي الاتجاه الحالي ، SPA تعني تطبيق صفحة واحدة ، من المهم جدًا معرفة إطار واحد على الأقل (سأختار Angular لك).

بعد أن تزيد مهاراتك وتشعر بالراحة ، ابدأ في اكتساب بعض الخبرة. كيف؟ أقترح عليك تسجيل الدخول إلى موقع Freelancers على الويب والبدء في الحصول على بعض الوظائف ، مع مرور الوقت ستصبح أفضل وستكون في طريقك للحصول على وظيفتك الأولى كاحتياطي فدرالي.

لقد فعلت ذلك بهذه الطريقة ، لقد اكتسبت خبرتي في القيام ببعض الأعمال الحرة وحصلت بالفعل على تحسن بعد كل وظيفة مكتملة.


الاجابه 2:

مرحبا،

أود أن أشارككم تجربتي العملية خطوة بخطوة لتعلم تطوير الويب الأساسي أو الأمامي.

  • تعلم HTML / CSS بالقدوة: W3Schools Online Web Tutorials (تصفح الإنترنت لفهم بنية HTML / CSS).
  • تعرف على تخطيط Bootstrap لدعم إنشاء موقع ويب سريع الاستجابة. Bootstrap · إطار الواجهة الأمامية الأكثر استجابة للجوال والأكثر استجابة في العالم.
  • قم ببناء هيكل تخطيط بسيط باستخدام قالب الواجهة الأمامية الأكثر شعبية على الويب + قوالب W3.CSS (عرض تجريبي + رمز مثال)
  • أنت بحاجة إلى معرفة القليل عن جافا سكريبت لجعلها فعالة أو منطقية بناءً على الحدث (انقر ، مرر ، مفتاح ، ...) أو ما زلت تشعر بصعوبة في فهم HTML / CSS. دعونا نتعلم جافا سكريبت من Codecademy - تعلم البرمجة بطريقة تفاعلية مجانًا

القائمة أعلاه ليست كافية لتصبح مطورًا محترفًا للواجهة الأمامية ، ولكنه شيء أساسي ومهم يجب على كل مطور الواجهة الأمامية تعلمه.

هنا هو الكتاب الإلكتروني المجاني + الإشارات المرجعية حول تطوير الواجهة الأمامية:

CreativeLang | كن مطورًا مبتكرًا للواجهة الأمامية

لا تتردد في مشاركة شعورك حيال الواجهة الأمامية معي عبر سكايب:

cuong.frontend

شكر،


الاجابه 3:

لذا ، وفقًا للوصف ، فأنت قريب من HTML و CSS.

انتقل الآن إلى جافا سكريبت مما يجعل صفحات الويب تفاعلية وديناميكية.

يستغرق الأمر بعض الوقت للتعلم وإتقان لغة جافا سكريبت.

بدلاً من إتقان JavaScript الكامل ، أكمل أولاً برنامج JavaScript التعليمي

W3Schools دروس خصوصية على الإنترنت

وإكمال دورة JavaScript في

تعلم البرمجة

.

مبروك....! لديك معرفة جيدة بجافا سكريبت.

الآن لنفعل بعض الأشياء السريعة.

انتقل إلى كود الأكاديمية وابدأ في تعلم JQuery. مكتبة جافا سكريبت التي تجعل الأمور أسهل.

الآن أنت تعرف HTML و CSS و JavaScript و JQuery.

الآن انتقل إلى بعض الترميز الجاد.

تحتاج إلى اختيار لغة واحدة مما يلي.

  • بي أتش بي
  • الثعبان
  • ياقوت

أنصحك php لأنك مبتدئ.

ابدأ تعلم php من خلال أكادمية الأكواد و w3schoos وشاهد دروس ثمبوستون php على YouTube.

أتمنى لك كل خير.


الاجابه 4:

"التحدي

نفسك

إلى

تعلم شيء جديد كل يوم

. "

تبدأ في مرحلتين:

أ.

مستوى أساسي

  • لغة البرمجة
  • CSS
  • جافا سكريبت أو jquery الأساسي
  • المعرفة الأساسية لأداة التصميم: Photoshop

بعد أن تتعلم فوق الفصل ، ابدأ المستوى المتقدم

ب.

مستوى متقدم

  • HTML 5
  • SCSS ، أقل
  • أطر الواجهة الأمامية
  • الحذاء.
  • واجهة المستخدم الدلالية
  • مؤسسة

4. شبيبة الزاوية ، شبيبة رد الفعل ...


الاجابه 5:

الكثير من الأماكن!

للبدء ، ستحتاج إلى البدء في الترقيع ببعض الموارد المجانية مثل CodeAcademy. ستحصل على فكرة أساسية عن كيفية عمل HTML مع CSS وما تبحث عنه. من الذكي أيضًا التعود على استخدام أداة الفحص في متصفحك. فقط انقر بزر الماوس الأيمن على شيء مثير للاهتمام ، حدد فحص ، ويمكنك البدء في الحصول على فكرة عن كيفية إنشاء مواقع الويب التي تستخدمها.

بمجرد الحصول على محاملك ،

حان وقت الذهاب للمدرسة

.

تعد معسكرات التدريب على الترميز عبر الإنترنت وفي وضع عدم الاتصال طريقة سريعة ومثبتة لتصبح مطورًا أماميًا محترفًا. تعد Turing School و Lighthouse Labs خيارات رائعة لأنها شفافة للغاية مع طلابها. تركز الكثير من معسكرات تدريب المستجدين على الواجهة الخلفية أيضًا ، والتي يمكن أن تساعدك فقط - كلما زادت معرفتك ، زادت قيمتك في السوق.

مفكر

، مدرسة الترميز عبر الإنترنت التي أعمل فيها ، تقدم بعض المسارات المختلفة لتعلم تطوير واجهة الويب الأمامية على المستوى المهني. إذا كنت ترغب في الحفاظ على وظيفتك الحالية ، تحقق من ذلك

فليكس ستاك فليكس

، والتي يمكنك أن تأخذ وقتًا جزئيًا وتستغرق عادةً 6 أشهر لإكمالها. إذا كان بإمكانك تخصيص أكثر من 50 ساعة أسبوعيًا لتعلم الترميز ، وتريد الانغمار الكامل وممارسة الترميز على فريق ، ثم تحقق

الغمر الهندسي

.

الخريجين هم

تضمن وظيفة مطور ويب

أو يحصلون على رد. هذا لأن البرنامج لديه الكثير من الدعم ، لذلك فهو يعمل - يتم توظيف أكثر من 90 ٪ من خريجي Thinkful كمطورين بدوام كامل. أولئك

احصائيات النجاح

لقد كان

مدقق من قبل طرف ثالث

.

يمكن أن توفر لك معسكرات التدريب الأخرى مهارات تطوير احترافية أيضًا ، لذا تأكد من البحث في جميع خياراتك. عندما تفعل،

ترقب إحصاءات النتائج المدققة بشكل مستقل

، ومعلومات واضحة عن نوع الدعم الذي ستحصل عليه ، وفهم الطريقة التي يساعدك بها معسكر التدريب في العثور على وظيفة. تأكد من أنك تعرف كل شيء عن المدرسة وأنك واثق من أنك تضع وقتك ومالك في المكان الصحيح ، وبهذه الطريقة تبدأ مهنتك الجديدة على قدمك اليمنى.


الاجابه 6:

الخطوة الأولى: تسجيل اسم المجال الخاص بك.

الخطوة الثانية: ترتيب الاستضافة لنطاقك ، بأقل تكلفة ممكنة. (قد تتمكن من الاستضافة في المنزل ، إذا كان موفر خدمة الإنترنت الخاص بك يسمح بذلك وإذا كان يمكنك الاحتفاظ بجهاز كمبيوتر يعمل على مدار الساعة طوال أيام الأسبوع.)

الخطوة الثالثة: ابدأ في إنشاء موقع ويب على نطاقك واستضيفه!

نعم ، ثلاث خطوات بسيطة ولكنها مهمة للغاية لأنها ستساعدك على ممارسة مهارات مختلفة مختلفة. وحيث إن استضافة نطاق وتسجيله يكلفان مبلغًا صغيرًا من المال ، فيجب أن يكون لديك الحافز لاستعادة تلك التكاليف مرة أخرى. على سبيل المثال ، من خلال وجود إعلانات على موقعك.

بعد ذلك ، عندما تقوم بتطوير موقع الويب الخاص بك ، ركز في الغالب على الجزء الأمامي. أيضا ، الاستفادة من

Disqus

للزوار لترك تعليقات حول موقعك. يمكن أن يكون موقعك مجرد مجموعة من ملفات HTML الثابتة على أي حال ، لأنك تركز على الواجهة الأمامية فقط. هناك العديد من الموارد الأخرى عبر الإنترنت التي يمكنك ربطها بصفحتك حتى تتمكن من تجنب الاضطرار إلى إجراء أي ترميز خلفي.

يتمثل التحدي الخاص بك بشكل أساسي في اعتبار هذا النطاق مشروعًا كاملاً يمكنك بناءه. أنت الشخص الذي يحدد ما سيحتوي عليه ويمكن أن يكون في الأساس أي شيء. اصنع شيئًا جميلًا وحاول جذب الأشخاص إلى نطاقك. أفراد العائلة والأصدقاء في البداية ، وربما لاحقًا حتى أي شخص على الإنترنت ، بما في ذلك أصحاب العمل الذين قد يرغبون في توظيفك. سيكون نطاقك هو عرض مهاراتك ، لذا تأكد من القيام بعمل جيد!

وتأكد من استخدام أطر عمل مختلفة لنطاقك للمساعدة في تسريع عملية التطوير وجعلها تبدو أكثر جمالا.

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


الاجابه 7:

للبدء ، ستحتاج إلى تحديد بالضبط

ماذا

هو أنك سوف تحتاج إلى التعلم. تطوير الواجهة الأمامية هو تطوير طبقة العرض التقديمي لموقع الويب. أول شيء ستحتاجه لبناء طبقة العرض التقديمي هو HTML. HTML هي لغة ترميز تُستخدم لبناء بنية صفحة الويب. بعد ذلك ، ستحتاج إلى تعلم CSS. CSS هي لغة ترميز أخرى تستخدم لإنشاء أنماط HTML الخاص بك. وأخيرًا ، ستحتاج إلى تعلم JavaScript ، وهي لغة برمجة تستخدم للسماح لموقع الويب الخاص بك أن يكون تفاعليًا.

هناك مهارات أخرى أكثر تحديدًا قد ترغب في اكتسابها أثناء تعلمك ، مثل لغة المعالجة المسبقة لـ CSS أو مكتبات وإطارات JavaScript - ولكنك ستحتاج إلى تعلم اللغات الأساسية

أول.

هناك العديد من الموارد عبر الإنترنت التي يمكنك استخدامها أثناء التعلم. أولا وقبل كل شيء ، أوصي بالخروج

أكاديمية

و

تريهاوس

. سيتيح لك Codecademy تجربة وتعلم لغات مختلفة في بيئة تفاعلية ، وتحتوي Treehouse على الآلاف من مقاطع الفيديو التي يمكنك مشاهدتها.

إذا وجدت أنك قد تستفيد من بنية إضافية ، ففكر في برنامج رسمي.

مفكر

تقدم

تطوير الواجهة الأمامية للويب

دورة تغطي كل شيء من HTML الدلالي إلى AJAX ، بما في ذلك CSS و jQuery و JavaScript. أنا مرشد في Thinkful ، بنفسي!

يلتحق العديد من الطلاب الذين أعمل معهم في Thinkful في البرنامج بعد محاولتهم برنامج الدراسة الذاتية ووجدوا أنهم سيستفيدون من إرشادات إضافية. فائدة برنامج مثل Thinkful's هو أنه ليس لديك فقط إمكانية الوصول إلى منهج حديث ، ولكن لديك

الوصول إلى مرشد

. سيساعدك عقد جلسات منتظمة مع مرشد على الحفاظ على حماسك والعمل على تحقيق أهدافك.

حظا سعيدا!