برای تبدیل شدن به پیشرفتدهنده Front End در
طراحی اپلیکیشن اندروید سال 2020 این نکات را بایستی بدانید
آیا تا به اکنون به اینترنتتارنما گزینه عشق و علاقه خویش نگاه کردهاید و شگفتزده گردیدهاید که چرا به اینشیوه پباده سازی گردیده، چرا طریق سعی دکمهها هنگامی که روی آن ها کلیک میکنید بهاین شکل میباشد، یا این که هر بخش دیگر از وب سایت را چشماید و با خویش تامل کردهاید "متعجبم، چطور اینها اینقدر بغرنج میباشند؟"، یا این که "کاش اینجانب هم میتوانستم این فعالیت را اجرا دهم". بهتر مجموع این خصوصیتهای قابل مشاهده تارنما از روش گسترش Front End ایفا میگردد و اشخاصی که از آنها استعمال مینمایند، توسعه و گسترشدهنده Front End نامیده میگردند.
گسترشدهندگان Front End بیشترین تقاضای فعالیت را دارا هستند و به همین عامل فارغ از آنان نمیتوانیم از وب لذت ببریم. در اینجا یک تعریف و تمجید مختصر از گسترش Front End بیان شده میباشد.
بسط Front End چیست؟
در حالی که ساخت وب سایت طرزای برای ظواهر اینترنتتارنما میباشد، توسعه و گسترش Front End طریق پیادهسازی آن پباده سازی در اینترنت میباشد.
پس، گسترشدهنده Front-End چه کسی است؟
بسطدهنده اینترنت Front-End فردی میباشد که طراحی وب سایت را از روش گویشهای کدنویسی مانند HTML، CSS و JavaScript پیادهسازی مینماید. اگرچه این آیتم معمول وجود ندارد، البته برخی اوقات گسترشدهندگان front end "بسطدهندگان سمت کلاینت" نیز نامیده می شوند که آن ها را از پیشرفتدهندگان back end که شغل های پشت صحنه مثل دیتابیس را ایفا میدهند متمایز مینماید. درصورتیکه به هر سایتی راز بزنید، می توانید فعالیت پیشرفتدهنده front end را در هر جایی ملاحظه کنید.
دراین نوشتهعلمی بعضا از مهارتهای مهم که توسعه و گسترش دهندگان اینترنت front end در شغل خویش به کار گیری مینمایند را نظارت می کنیم.
پیشرفتدهندگان Front-End از چه مهارتهایی به کار گیری مینمایند؟
توسعه و گسترشدهندگان اینترنت Front-End از سه گویش نرم افزارنویسی اساسی برای کد گذاری اینترنتوب سایت و طرح ریزیهای اینترنت ساخت و ساز گردیده به وسیله طراحان اینترنت استعمال مینمایند:
HTML
CSS
JavaScript
کدی که آنها مینویسند در مرورگر استفاده کننده انجام می گردد (کد بسطدهنده back end در اینترنت سرور ایفا میگردد). بسطدهنده Front-End مسئول ظواهر وبسایت میباشد، همینطور وظیفه باور از نبود نادرست و باگها در نصیب front end را داراست و همینطور باور نتایج مینماید که طرح به شکلی که قرار میباشد در پلتهیبتها و مرورگرهای متفاوت نمایان خواهد شد، پباده سازی گردیده است.
درحالتی که این موردها اول را به خیر حافظه گرفته و بر آن ها مسلط گردید، مطمئنا به یک توسعه و گسترشدهنده front end عالی و خوب تبدیل می شوید!
شما آغاز با مهارتهایی مثل HTML و CSS استارت می کنید، بعد از آن به مهارتهای توسعه یافتهتری مانند بسط اینترنت ریسپانسیو و جاوااسکریپت میروید.
HTML و CSS
HTML و CSS مهمترین موادتشکیل دهنده خالق کدنویسی اینترنت میباشند. سوای این دو گزینه، نمیتوانید یک طراحی وب سایتوب سایت ساخت و ساز نمایید، و آحاد آنچه که در غایت با آن رو به رو خواهید شد، یک متن معمولی فرمتنشده در ورقه میباشد. شما حتی نمیتوانید فارغ از HTML تصاویر را به شیت اضافه فرمائید!
پیش از اینکه در هر مسیر شغلی توسعه و گسترش اینترنت قرار بگیرید، بایستی بر روی رمز گذاری با HTML و CSS اشراف داشته باشید. خبر عالی این میباشد که استحصال علم کافی در هریک از اینها صرفا در پهنا یک سری هفته قابل اجرا میباشد.
علم HTML و CSS به تنهایی به شما قابلیت و امکان ساخت اینترنتوب سایتهای اصلی را می دهد.
جاوااسکریپت
جاوااسکریپت به شما قابلیت و امکان می دهد قابلیت و امکانهای بیشتری به اینترنتوب سایت خویش اضافه نمائید، و میتوانید بخش اعظمی از اپلیکیشنهای مهم اینترنت را با استعمال از HTML و CSS و جاوااسکریپت (به اختصار JS) تولید فرمائید. در ابتداییترین سطح، JS برای ساخت و ساز و در دست گرفتن مواقعی مانند نقشههایی که در طی حقیقی و واقعی آپ تو دیت می شوند، فیلمهای تعاملی و بازیهای آنلاین به کار گیری میگردد. تارنماهایی مانند Pinterest شدیدا از جاوااسکریپت به کارگیری مینمایند تا استعمال از رابط کاربری آن ها سهل وآسان خواهد شد (این حقیقت که هر توشه که چیزی را پین می کنید برگه مجددا بارگیری نمی شود، به لطف جاوااسکریپت میباشد).
جاوااسکریپت همینطور یکیاز دوست داستنیترین گویشهای اپلیکیشننویسی در دنیا میباشد، بدین ترتیب صرف لحاظ از نرم افزارهای شغلی شما، برای یادگیری فوقالعاده گران بها میباشد.
jQuery
جیکوئری یک کتابخانه جاوااسکریپت میباشد؛ گروهای از افزونهها و پلاگینها که توسعه و گسترش با جاوااسکریپت را سریعخیس و سهلخیس میسازد. عوض این که همگی چیز را از آغاز رمز گذاری فرمایید، جیکوئری به پیشرفتدهنده front end اذن می دهد تا عنصرها فراهم را به پروژه بیفزاید، بعد از آن در شکل ضرورت می توانید آن را سفارشی نمائید (یکیاز دلایل اساسی جاوااسکریپت). شما میتوانید از جیکوئری برای مواقعی مانند تایمرهای شمارش معکوس، کامل شدن هیبتهای کاوش به طور خود کار، و حتی تهیه دوباره اتومات و تغییر و تحول اندازه طرحهای گرید به کار گیری نمائید.
قابورکهای جاواسکریپت
کادرورکهای JS (مشمول AngularJS، Backbone، Ember و ReactJS) یک ساختار مهیا به کد جاوااسکریپت شما میدهند. اگرچه چهار گزینه مذکور دوست داستنیترین کادرورکها در لیستهای شغلی میباشند، البته گونه های مختلفی از کادرورکهای جاوااسکریپت برای نیازهای گوناگون وجود دارااست. این کادرورکها حقیقتا به بسط سرعت میبخشند و می توانند با کتابخانههایی مانند جیکوئری گزینه استعمال قرار گیرند تا ترازو کدنویسی از آغاز را به دستکم برسانند.
قابورکهای Front End
CSS و کادرورکهای front end (دوستداشتنیترین کادرورک front end بوتاسترپ میباشد) برای CSS به عبارتی کاری را جاری ساختن می دهد که JS Frameworkها برای جاوااسکریپت ایفا می دهند: آنان برای رمز گذاری سریعخیس نقطه پریدن شما می باشند. اکثر عملهای مرتبط با گسترش front end انتظار داراهستند که شما با طرز عمل و به کار گیری از این قابورکها آشنا باشید.
تجربیات عمل با پیشپردازندههای CSS
پیشپردازندهها عنصر دیگری میباشد که بسطدهنده front end قادر است برای سرعت بخشیدن به کد گذاری CSS به کارگیری نماید. پیشپردازنده CSS قابلیت و امکانهای اضافهای را به CSS اضافه مینماید تا CSS را مقیاسپذیر نگه داشته و شغل با آن را ریلکسخیس سازد. کد شمارا پیش از تکثیر در اینترنتتارنماتان پردازش کرده و آن را به CSS ای که به خیر فرمت گردیده و با مرورگر سازگار میباشد تبدیل مینماید. SASS و LESS دو پیشپردازندهای می باشند که بسیار آیتم تقاضا هستند.
شغل با خدمتهای RESTful و APIs
REST مخفف Representational State Transfer میباشد، که یک معماری مدل میباشد که رابطه کانال در اینترنت را معمولی مینماید و خدمتهای RESTful و APIs آن گروه از خدمتهای اینترنت میباشند که به معماری REST پایبند میباشند.
شاید این قضیه به حیث غامض و فنی بیاید، البته دسته بی آلایشای از راهبردها و طریقها میباشد که انتظارات را تهیه و تنظیم مینماید تا بدانید به چه شکل می توانید با یک اینترنت خدمت رابطه برقرار فرمائید. آنها همینطور منجر میگردند که اینترنت خدمت تلاش خوب و مقیاسبندی بهتری داشته باشد، با باور بیشتری شغل نماید و تغییر و تحول و اصلاح آن آسودهخیس خواهد شد.
ریسپانسیو بودن و پباده سازی گوشی
امروزه اشخاص متعددی از روش دستگاه گوشی خویش به وب دسترسی دارا هستند، به این ترتیب مکان تعجب وجود ندارد که مهارتهای پباده سازی تلفن همراه و ریسپانسیو بودن برای کارفرمایان بسیار اصلی میباشد. پباده سازی ریسپانسیو بدین مضمون میباشد که طرح تارنما (و برخی اوقات همت و محتوا) بر پایه ی اندازه برگه و دستگاهی که فرد از آن به کارگیری مینماید تغییرو تحول نماید.
پباده سازی تلفن همراه می تواند دربرگیرنده پباده سازی ریسپانسیو باشد، البته همینطور دربرگیرنده ساختوساز پباده سازیهای خاص گوشی میباشد. گه گاه تجاربای که شما میخواهید استفاده کننده هنگام بازدید از تارنما شما از روش رایانه داشته باشد، تماما متعدد از آن چیزی باشد که می خواهید هنگام بازدید از تلفن هوشمند ببیند و دراین مورد منطقی میباشد که وب سایت گوشی تماما مختلف باشد.
بسط Cross-Browser
مرورگرهای امروزی در اکران اینترنتوبسایتها تماما بهتر کار مینمایند، البته هنوز در طریق تعبیر و تفسیر کد در پشت صحنه اختلاف وجود داراست. تاهنگامیکه همگی مرورگرهای امروزی به خیر با همگی استانداردهای اینترنت شغل نکنند، درک کردن اینکه چطور آنان را بسازیم تا به روشای که ما میخواهیم بر روی همگی مرورگرها عمل نمایند یک مهارت اصلی میباشد. این به عبارتی چیزی میباشد که پیشرفت cross-browser در باب آن میباشد.
سیستمهای رئیس محتوا و پلتهیبتهای بیزنس الکترونیکی
نسبتاً همگی اینترنتوب سایتها بر روی سیستم مدیر محتوا (CMS) تشکیلشدهاند. پلتهیبتهای بیزنس الکترونیکی نوع خاصی از CMS میباشند. دوست داستنیترین CMS در سراسر دنیا وردپرس میباشد که در پشت میلیونها اینترنتوب سایت قراردارد.
دیگر CMSهای محبوبی که وجود دارااست مشمول Joomla، Drupal و Magento میباشد. اگرچه پی بردن این مورد ها به اندازه وردپرس گزینه تقاضا وجود ندارد، البته می تواند میان کمپانیهایی که از این سیستمها به کار گیری مینمایند، یک مزیت برای محسوب گردد.
آزمایش و دیباگ کردن
این حقیقت معاش برای بسطدهنده اینترنت front end میباشد: باگها چهره می دهند. شناخت با پروسه آزمایش و دیباگ کردن امری حیاتی میباشد.
Unit testing فرایند آزمایش بلوکهای غیر وابسته سورس کد میباشد (شیوه نامههایی که می گوید یک وبسایت بایستی چطور عمل نماید) و قابورکهای Unit testing نحوه و ساختار خاصی را برای ایفا این شغل ارائه میدهند (برای هر گویش اپلیکیشننویسی مورد ها مختلفی وجود دارااست).
نوع دیگر آزمایش، UI testing میباشد، که acceptance testing، browser testing و functional testing نیز نامیده میشود، جایی که شما پژوهش میکنید تا مطمئن گردید اینترنتوب سایت در زمان عملیاتی که استفاده کننده اجرا میدهد، آن طور که بایستی خلق مینماید. می توانید آزمایشهایی بنویسید که بعداز اعمال اقدامی درپی چیزهایی مثل یک HTML خاص در ورقه بگردد، مانند اعتقادوباور از اینکه درصورتی که استفاده کننده فراموش کرد یک فیلد لازم هیبت را مالامال نماید، پیغام غلط بر روی کاغذ نمایان خواهد شد.
دیباگینگ به آسانی تمامی باگها را پیدا مینماید. کمپانیهای متعدد از فرآیندهای یه خرده متعدد برای این فعالیت به کار گیری مینمایند، البته در حالتی که از یکیاز آن ها به کار گیری کرده باشید، به آسانی میتوانید با موردها دیگر نیز عمل نمائید.
مهارت حل مسأله
در حالتیکه یک چیز وجود داشته باشد که کلیه توسعه و گسترشدهندگان front end می بایست آن را بلد باشند، مهارت خوب حل مسأله میباشد. از اینکه بدانید به چه شکل میقدرت به شایسته ترین صورت یک طرح را پیادهسازی کرد، تا رفع باگهایی که وجود داراهستند، و اینکه متوجه گردید چطور کد front end خویش را بنویسید که با کد backend هماهنگ باشد. تمام پیشرفت دربارهی حل خلاقانه مسأله میباشد.
حال شما فراهم می باشید که به یک گسترشدهنده Front End تبدیل گردید، البته مرحله بعد از آن چیست؟
در شرایطیکه بهاین سود رسیدید که گسترش اینترنت Front End برایتان جذاب میباشد، احتمالا از خویش می پرسید بایستی از کجا آغاز نمائید.
در صورتیکه میخواهید تحت عنوان بسطدهنده Front End شغل نمایید البته نمیدانید که مهارتهای مورد نیاز را از کجا دستیابی فرمایید، در مکان قابل قبولی می باشید! شما میتوانید از یادگرفتن بدون پول HTML و CSS استارت نمائید.
دراین مسیر میتوانید محور محکمی برای حصول به فعالیت توسعه و گسترشدهندهای که در ادامه آن میباشید، به دست آورید. شما با مهارتهایی مانند HTML و CSS استارت خواهید کرد، آنگاه به مهارتهای توسعه یافتهتری مانند توسعه و گسترش اینترنت ریسپانسیو، جاوااسکریپت، و غیره می روید.