طراحی سایت (Front End)

مخاطبین این دوره: افراد علاقه مند به طراحی سایت

زمانبندی دوره: 30 ساعت

روزهای برگزاری کلاس: پنجشنبه

ظرفیت کلاس: 10 نفر

نحوه برگزاری: آنلاین یا حضوری (انتخابی)

محتوا:  Html – CSS - Javascript

پیشنیاز: ندارد

در صورتی که علاقه مند به شرکت در دوره جامع طراحی سایت هستید و میخواهید همزمان به طراحی سایت فرانت اند و همچنین مباحث مربوط UI/UX مسلط شوید، میتوانید با تخفیف ویژه در آن دوره شرکت کنید،

برای شرکت در دوره مذکور، روی همین متن کلیک کنید یا از منوی دورهها، دورهی جامع UI/UX و طراحی سایت را انتخاب کنید

سرفصلهای دوره:

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

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

در این دوره مباحث HTML, CSS, Javascript, UI/UX به صورت کامل پوشش داده شده است.

در ایران، برنامه نویس و توسعه گر وب، جز 5  شغل پردرآمد به حساب میآید، همچنین آمارها نشان میدهد که مخاطبین کنکور هم در چند سال اخیر به قبولی در رشته های کامپیوتری، تمایل بیشتری پیدا کرده اند.

با تمام این تفاسیر، شاید این جمله دور از انتظار نباشد که "برنامه نویسی وب، یکی از مهمترین دانستیهایی است که در روزگار فعلی، باید آموخت."

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

لیست سرفصلهای دوره به شما کمک میکند که در یادگیری طراحی وب سایت، تخصصیتر رفتار کنید. 
ضمنا حتما به این مورد توجه داشته باشید که برنامه نویس فرانت اند با UI/UX Designer تفاوتهای بسیار زیادی دارند. که در ادامه توضیح داده خواهد شد

HTML

واژه ی HTML مخفف عبارت Hyper Text Markup Language بوده که شامل المنت هایی است که ساختار پایه صفحات وب سایت های مختلف بر آن استوار است. به عنوان مثال موارد مختلف یک وب سایت مانند عناوین، پاراگراف ها، جداول، تصاویر، ویدئو ها و… به وسیله این زبان تعریف می شود.این المنت های HTML به وسیله ی علامت های <> که تگ نامیده می شوند معرفی می شوند.

یادگیری زبان HTML بسیار آسان است!

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

CSS

پس از یادگیری زبان HTML و ایجاد ساختار اولیه صفحات وب سایت نوبت به رنگ و لعاب دادن به آن است. برای فهم بهتر تفاوت میان HTML و CSS به تصاویر زیر توجه کنید.

یک مثال عملی برای یادگیری رابطه HTML و CSS :

در واقع اگر یک وب سایت را به یک ساختمان تشبیه کنیم، زیربنا و اسکلت ساختمان همان زبان HTML می شود. از طرف دیگر رنگ دیوار ها و نمای ساختمان برایمان نقش CSS را خواهد داشت.

JavaScript

جاوا اسکریپت یک زبان برنامه نویسی است که به وسیله آن می توان امکانات و ویژگی های پیچیده تری را به صفحات وب اضافه کرد. به عنوان مثال محتوای زمان بندی شده (مانند اسلایدر تصاویر موجود در وب سایت ها که به طور اتوماتیک هر چند ثانیه یک بار تصویر آن عوض می شود)، گوگل مپ، انیمیشن های دو بعدی و سه بعدی و… . جاوا اسکریپت مقداری پیچیده تر از HTML و CSS می باشد که  در لایه ی سوم کیک استاندارد تکنولوژی های وب قرار می گیرد.

در ادامه ی این دوره و پس از فراگیری این 3 زبان قصد داریم یکی از فریم ورک های (گویش های) زبان CSS با نام Bootstrap را یاد بگیریم

Bootstrap

بوت استرپ یک ابزار ویژه یا بهتر بگوییم، محبوب ترین فریم ورک دنیا برای زبان CSS است. به کمک این فریم ورک و شبکه بندی قدرتمند آن می توان صفحات وب را در کمترین زمان ممکن، به شکل کاملا ریسپانسیو (سازگار با تبلت و موبایل) طراحی کرد.