توضیحات دوره
یکی از دوره‌های آموزشی که در سایت سئو نود شاید بتواند شما را در کمتر از چند ساعت با دنیای طراحی سایت در قسمت Frontend آشنا کند ، همین دوره فرانت‌اند مقدماتی در 3 ساعت است . از آنجایی که تعداد دوره‌های آموزشی در سایت ما بسیار زیاد است و البته که با تنظیم مسیرهای متفاوت و ایجاد گام‌های مختلف جهت یادگیری ، سعی کردیم تا مسیر را همواره برای شما تسهیل کنیم ، اما لازم دیدیم تا جهت تسریع در پروسه یادگیری ، چنین دوره مختصری را خدمت شما تدریس کنیم .
اگر شما در نقطه صفر طراحی قالب HTML هستید ، این دوره برای شماست ! اما درکل این آموزش برای عزیزانی است که قصد دارند کلا خبردار شوند که چگونه یک قالب سایت طراحی می‌شود و با کدام روش‌ها می‌توان در ابتدایی‌ترین حالت یک قالب HTML را کدنویسی کرد .
سئوالات متداول
آن دسته از علاقمندانی که هیچ اطلاعاتی از دنیای طراحی سایت و کدنویسی ندارند و قصد دارند تا اطلاع داشته باشند که در این دنیای جذاب داستان از چه قرار است ، می‌توانند در این دوره شرکت کنند .
این دوره آموزشی احتیاج به پیشنیاز خاصی ندارد و همه علاقندان به بخش طراحی و فرانت‌اند می‌توانند در آن شرکت کنند و کدنویسی اولیه را شروع کنند ، پس محدودیتی نداریم .
البته که مباحث آموزش فرانت‌اند ، در این 3 ساعت خلاصه نخواهد شد اما از آنجایی که بسیاری از دانشجویان و همچنین علاقمندان به حوزه طراحی سایت و علی‌الخصوص فرانت‌اند به دنبال یادگیری سریع و آسان هستند ، چنین دوره‌ای در سطح وب بسیار احساس می‌شد و سئو نود این وظیفه را عهده دار شد .
البته لازم است تا لینک تمامی دوره‌های فرانت‌اند را نیز خدمتتان ارائه کنیم تا درصورت تمایل و همچنین کسب رضایت از این دوره ، سایر آموزش‌های سایت را نیز مشاهده کنید . دوره‌های آموزش فرانت‌اند سئو نود
در این دوره 3 ساعته چه مباحثی آموزش داده شده است ؟
این دوره شامل 2 بخش اصلی و 2 بخش فرعی است !
قسمت اول آموزش HTML
از آنجایی که این دوره تنها در 3 ساعت ( و البته اندکی نیز کمتر ) تدریس شده است ، لذا تعیین سرفصل و … برای آن مقدور نیست و تنها شامل یک جلسه 3 ساعته است .
قبل از هرچیزی درکل خدمت شما مواردی را آموزش خواهیم داد که جهت کدنویسی و شروع طراحی به آن نیاز دارید . نرم افزارهایی همچون مرورگر وب و ادیتورکد و … سپس به تشریح ساختار کلی صفحات وب خواهیم پرداخت و شما یکبار برای همیشه درخواهید یافت که یک قالب HTML از چه بخش‌هایی تشکیل شده است و شما باید چه زبان‌هایی را با کدام ترتیب مطالعه فرمائید .
سپس وارد قدم اول یعنی زبان HTML خواهیم شد . اگر دوره آموزش HTML سئو نود یا همان نابغه HTML را مشاهده کرده باشید که یکی از آموزش‌های محبوب در آپارات و یوتیوب شد ، در چندین جلسه کوتاه ، این زبان را به شکلی خدمتتان آموزش دادیم که محال است فراموش کنید .
اما در این آموزش 3 ساعته ، باتوجه به تجربه و مواردی که برای رونمایی از یک قالب نیاز دارید ، اصلی‌ترین قسمت‌های HTML را خدمتتان تدریس کردیم و البته ک این تدریس بصورت روزنامه نبوده و مثال‌های درستی نیز برای هر قسمت ارائه شده است . به این دلیل که HTML پایه تمام صفحات وب است لذا در این قسمت کمی تایم بیشتری خدمتتان خواهیم بود .
قسمت دوم آموزش CSS
پس از آموزش HTML ، از آنجایی که یک قالب بدون رنگ و لعاب و طرح و چیدمان معنی ندارد ، لذا باید بدون درنگ و فکر ، به سراغ CSS رفت . زبان CSS لذت بخش‌ترین قسمت یادگیری در مباحث فرانت‌اند است که شما با آن کار خواهید کرد . حقیقتا می‌توان اینگونه گفت که شما تا چه اندازه که برای یادگیری و همچنین کسب مهارت در CSS زمان صرف کنید ، بازهم کم است .
یادگیری CSS را مثل گچکاری ساختمان درنظر بگیرید . یک استاد گچ کار ممکن است فقط یک دیوار را با مصالح صاف کند و آنرا تا انتها به همین شکل به سر ببرد اما استاد دیگری ، با همین مصالح و گچ ساده ، ابزارهایی را با دست خلق کند که چشم هر بیننده را خیره کند .
شما نیز در CSS باید همینگونه بوده و قادر باشید تا به کمک دستوراتی که برای همه ساده و واضح است ، طرح‌هایی را خلق کنید که متمایز کننده شما از سایر طراحان باشد . این زبان برای شروع ، نیاز به موارد پایه مهمی دارد که شما بعنوان یک طراح باید همیشه به آنها اشراف داشته باشید . از این جهت در این دوره 3 ساعته تمام همت خود را به کار بستیم تا همین نکات را خدمت شما آموزش داده و سپس به کمک آنها یک پروژه ساده داشته باشیم .
بله در این آموزش کوتاه ، یک پروژه مختصر نیز جهت تفهیم نکاتی که در دو بخش اصلی HTML و CSS آموزش داده شده خدمت شما ارائه خواهیم کرد . البته که پروژه ساده است اما شما طبق همین پروژه می‌توانید نمونه‌های کوچک و دانشجویی یا پروژه‌های موقت برای صفحه اول سایت خودتان ایجاد کنید .
قسمت سوم آموزش فریمورک
فریمورک ابزاری است که کدنویسی شما را ساده ، سریع و البته استاندارد خواهد کرد . ازجمله فریمورک‌های معروف برای زبان CSS ، فریمورک بوت استرپ و همچنین TailwindCss است که در سایت سئو نود برای هردوی این فریمورک‌ها ، دوره جامع و پروژه محور منتشر شده است .
اما در این آموزش 3 ساعته ، نحوه راه‌اندازی فریمورک بوت استرپ را خدمت شما آموزش داده و اصول اولیه کار با آن را خدمتتان روشن خواهیم کرد . استفاده از بوت استرپ به مراتب ساده‌تر از TailwindCss است و قادر هستید تا در کمتر از چند ثانیه این فریمورک را روی پروژه قرار داده و از دستورات آن استفاده کنید .
در این بخش نیز چند نمونه عملی خدمتتان نمایش خواهیم داد که بسادگی درک کنید چگونه از این فریمورک برای ایجاد خاصیت واکنشگرایی و استاندارد سازی کدها بدون دردسرهای قبلی استفاده کنید . این بخش توضیحاتی به مراتب کمتر از دو بخش HTML و CSS دارد لذا این قسمت را فرعی درنظر گرفتیم .
نقطه نظری به کتابخانه jQuery
البته که صحبت درمورد جی کوئری و جاوا اسکریپت چندین ساعت حرف است و نمی‌توان در نیم ساعت و حتی 30 ساعت دراین مورد صحبت کرد لذا باتوجه به اینکه در بخش قبلی از بوت استرپ استفاده کردیم و در داخل این فریمورک نیز از جی‌کوئری و المان‌های متحرک همچون اسلایدر و … استفاده شده است ، لازم دیدیم تا ضمن معرفی عملکرد جی کوئری و جاوا اسکریپت ، بخش‌هایی همچون اسلایدر و چند المان جذاب دیگر را از بخش جاوا اسکریپتی در بوت استرپ خدمتتان نمایش دهیم . این قسمت نیز آموزش فرعی است .
همانطور که در ابتدای صفحه نیز اشاره کردیم این دوره درگام اول برای داشتن یک ذهنیت کلی از طراحی قالب HTML و همچنین از میان برداشته شدن ترس اولیه نسبت به کدنویسی است . درکنار این ، دوستانی که بعنوان پروژه‌های سبک دانشجویی قصد دارند تا قالب خودشان را طراحی کنند و یا سایر قالب‌های HTML را ویرایش کنند و یا یک پوسته موقت و ساده تا راه‌اندازی کامل سایت خودشان داشته باشند ، این آموزش برای آنها حکم بهترین دوره را دارد که تنها در چند ساعت با کلیات آشنا شوند !
ممکن است شما پروژه پایان ترم دانشگاه را یک قالب سایت انتخاب کنید . از آنجایی که با روند پروژه‌های دانشجویی آشنایی کاملی داریم چراکه خودمان نیز دانشجو بودیم ، مطلع هستیم که بسیاری از دوستان شاید بخودشان زحمت ندهند تا قالب طراحی کنند و از پوسته‌های ساده داخل اینترنت و یا حتی قالب‌های رایگان سایت ما استفاده کنند .
شما ضمن مطالعه مباحث این دوره توانایی قابل قبولی را در درک کدهای داخل قالب بدست خواهید آورد که بر همین اساس می‌توانید سایر قالب‌های HTML را برای استاد خودتان تشریح کنید . اما بهتر است تا برای یادگیری و آینده خودتان هم که شده ، کدنویسی را به شکل اصولی دنبال کنید چراکه درکل هدف از ارائه چنین آموزش‌هایی ، برداشتن ترس و ارائه آگاهی نسبت به کلیت موضوع است . امیدواریم مباحث داخل این دوره آموزشی کمکی هرچند کوچک به شما عزیزان مشتاق یادگیری طراحی سایت داشته باشد . پاینده باشید …
سلام از این لینک میتونید دوره رو مشاهده کنید : آموزش CSS