مسیر یادگیری طراحی و برنامه نویسی وب-قسمت اول

تاریخ انتشار پست : 21 اذر 1400
دسته بندی : علوم رایانه،طراحی و برنامه نویسی وب
مدت زمان مطالعه : دقیقه

با عرض سلام و خسته و نباشید خدمت همه ی دوستان عزیز در این پست می خوام راجع به مسیر یادگیری و ورود به حوزه ی طراحی و برنامه نویسی وب صحبت کنم اگر دوست دارید اطلاعات بیشتری در این مورد داشته باشید با ما همراه باشید

قبل از اینکه در مورد مسیر یادگیری در این حوزه صحبت کنم باید یه سری اطلاعات کلی داشته باشید و بدونید که تخصصی که قراره یاد بگیرید دقیقا برای چه کاری و چه هدفی استفاده میشه. هر وب سایتی که شما وارد اون میشید از دو بخش کلی تشکیل شده یک بخش فرانت اند و یک بخشی به نام بک اند.

فرض کنید کاربر یک صفحه وب رو باز می کنه. خوب چیزی که کاربر میبینه یک سری نوشته با رنگ ها،فونت ها و سایزهای مختلف هست علاوه بر اون در صفحات تصاویر و آیکون های متفاوت با سایز های مختلف وجود داره. ممکنه یک فرم برای ثبت نام ،ورود ،ارتباط با ادمین پیج یا حتی نظر سنجی وجود داشته باشه. مطمئنا لینک هایی توی صفحات وب وجود داره که می تونید از اون طریق به صفحات دیگه وب سایت یا حتی وب سایت های دیگه منتقل بشید. حتی ممکنه المان ها و نوشته های موجود در صفحه با انیمیشن خاصی وارد صفحه بشن و در جایگاه مشخص شده خودشون قرار بگیرن و خیلی موارد دیگه که بستگی به کاربرد وب سایت داره... مثلا اگر وب سایت فروشگاهی باشه یک گالری برای محصولات داره و یک لینک برای خرید محصول و ...

تمامی مواردی که کاربر میبینه یعنی همه ی طراحی ها و نوشته ها و تصاویر و غیره شامل بخش فرانت اند میشن و بخش هایی که کاربر مستقیما با اونها نمی بینه ولی با اونها در تعامل هست جز بخش بک اند محسوب میشه فرض کنید توی یک وب سایت یک فرم برای ثبت نام وجود داره تنها چیزی که کاربر میبینه طراحی فرم هست ولی زمانی که شما فرم رو پر می کنید و دکمه ثبت نام رو می زنید یک فرآیند شروع به کار میکنه که کاربر قادر به دیدن اون نیست اون فرایندی که روند ثبت نام شما در وب سایت رو انجام میده مربوط به بخش بک اند هست در واقع کاربر اون رو نمی بینه ولی از اون فرآیند استفاده کرده و باهاش تعامل داشته.

خوب تا اینجا یه سری اطلاعات کلی راجع به اینکه یک وب سایت از چه بخش هایی تشکیل شده و هر بخش شامل چه مواردی میشه صحبت کردیم می رسیم به بخش اصلی که مسیر ورود به دنیای طراحی و برنامه نویسی وب هست.برای شروع به کار در این حوزه اول از همه باید بتونید طراحی وب سایت رو یاد بگیرید این بخش فقط مربوط به فرانت اند نیست و کسی که بخواد فقط در حوزه ی بک اند هم کار کنه نیاز هست این مورد رو بلد باشه و روش کاملا تسلط داشته باشه که جلوتر کامل راجع بهش توضیح میدم

برای اینکه بخوایید طراحی وب رو یاد بگیرید باید با html و css شروع کنید بیس کار طراحی وب زبان نشانه گذاری html هست که برای ایجاد المان ها توی صفحه وب استفاده میشه html زبان برنامه نویسی محسوب نمیشه واصطلاحا بهش می گن زبان نشانه گذاری ابر متن. چون با استفاده از اون می تونید متن،تصویر ،ویدئو و موزیک رو وارد صفحات وب کنید در html برای ایجاد هر المان از نشانه هایی به اسم تگ استفاده میشه که هر هرکدام یک نام مخصوصی به خودشون رو دارن و وظیفه ی مشخصی دارن برای مثال برای ایجاد یک جدول از تگی به نام تگ table استفاده می کنیم یا برای ایجاد لینک از تگی به اسم تگ a استفاده می کنیم htmlدر واقع وظیفه ی ایجاد اسکلت کلی سایت رو داره و css وظیفه تغییرات ظاهری تگ ها رو به عهده داره مثلا اینکه بتونید رنگ نوشته ها رو تغییر بدید یا جایگاه هر عنصر رو با توجه به طراحی مد نظرتون مشخص کنید تصاویری و نوشته ها رو متحرک کنید و خیلی کار های دیگه

اگر شما به htmlو cssتسلط کامل داشته باشید می تونید به راحتی یک وب سایت استاتیک رو طراحی کنید منظورم از استاتیک اینه که همه ی محتوای سایت در زمان طراحی نوشته میشه و توی پیج قسمتی برای اضافه کردن مورد جدید وجود نداره و در واقع دیتا بیس و زبان بک اندی هم نداره یعنی حتی کاربری هم نمی تونه در سایت ثبت نام کنه

یه نکته ای رو باید بگم این که همه ی کسانی که می خوان وارد این حوزه بشن با یه سرچ کوچولو می گن htmlو یاد گرفتم بلدم و نیازی به یادگیری ندارم و میرن سراغ بقیه کار این نحوه ی اشنایی با html شاید برای یک بک اند کار کافی باشه چون کسی که بک اند کار می کنه نیازی به جزییات نداره و تنها نحوی ایجاد کلی تگ ها و اشنایی با اونها براش کفایت می کنه ولی باید اون اشنایی اولیه رو حتما داشته باشه و بدون پیش زمینه نمی تونه کار بک اند انجام بده اما برای کسی که می خودا در حوزه فرانت کار کنه باید با جزییات کامل اشنا بشه و کاملا مسلط بشه چون اصل طراحی با همون html هست حتی اگر شما با فریمورک های مربوط به طراحی هم کار کنید بازهم باید به htmlمسلط باشید یادگیری html و cssتقریبا 2 ماه زمان می بره البته من این تایم رو بر اساس چارت اموزشی اکادمی ایران باینری می گم خدمتتون

بعد از یادگیری htmlو cssباید مهارت و سرعتتون رو توی طراحی وب بالا ببرید برای این کار معمولا از فریمورک ها استفاده میشه برای مثال ما در آکادمی بعد از اموزشhtmlوcss فریمورک بوت استرپ رو شروع می کنیم فریمورک ها یه سری موراد رو به صورت اماده دارن و کاربر طبق یک چهارچوب مشخص از اونها استفاده می کنه و سرعت طراحی رو بالا می بره علاوه بر اون برای اینکه صفحات وب در هر دیوایسی قابل استفاده باشن وب سایت باید ریسپانسیو یا در واقع واکنش گرا باشه که فریمورک بوت استرپ این امکان رو هم بهتون میده که به راحتی وب سایت رو به صورت واکنش گرا طراحی کنید البته بحث واکنش گرا طراحی کردن در css هم قابل اجراست که در چارت دوره ی html و css هم قرار داره اما کمی زمان بر تر از فریمورک هست.

خوب تا اینجا در مورد گام اول صحبت کردیم در پست بعدی راجع به ادامه ی مسیر صحبت می کنیم ممنونم از زمانی که برای مطالعه این پست گذاشتید اگر این مطلب براتون مفید بود اون رو با دوستانتون هم به اشتراک بزارید.

نظرات :

جهت ثبت نظر باید ابتدا وارد سایت شوید