دوره فرانت اند- دوره جامع و صفر تا صد فرانت + پروژه واقعی (HTML-CSS-SASS-Bootstrap-Javascript-Jquery-Git) – دوره فرانت اند در ساری

دوره فرانت اند- دوره جامع و 0 تا 100 فرانت + پروژه واقعی (HTML-CSS-SASS-Bootstrap-Javascript-Jquery-Git) - دوره فرانت اند در ساری
دسته بندی:

نمونه پروژه های ساخته شده توسط مدرس

Css و Html

Bootstrap

Js

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

توسعه فرانت اند (FrontEnd)، یک مسیر شغلی فوق العاده در فناوری است. این حرفه به سرعت در حال رشد بوده و کمبود استعداد قابل توجهی به خصوص در ایران برای آن وجود دارد. به عبارتی اگر به این زمینه علاقه دارید، بهترین فرصت برای شماست تا به یک بازار کار جذاب ورود کنید.

دوره فرانت اند چیست؟

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

یک توسعه دهنده فرانت اند چه کاری انجام می دهد؟

به زبان ساده، یک توسعه دهنده فرانت اند موظف است به کمک زبان های HTML,CSS,JS و همچنین تصاویر، المان های بصری، فونت و… نمای یک وبسایت را ایجاد کنید. به عبارتی ظاهر اصلی یک وبسایت توسط توسعه دهنده فرانت اند ایجاد می شود.

آیا توسعه front end آسان است؟

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

در واقع شما به راحتی می توانید توسعه سمت جلویی سایت را آموخته و تنها با تکرار و تمرین، به تسلط کافی برسید.

تفاوت بین توسعه‌دهنده FrontEnd و BackEnd چیست؟

دنیای وب دارای دو سکو است. به عبارتی اگر دنیای وب را به یک طناب تشبیه کنیم، یک سر آن که در سمت کاربر است FrontEnd و سر دیگر آن در سمت سرور است و به آن BackEnd می گوئیم.

کدهایی از دنیای وب (HTML-CSS-JS) که توسط مرورگر کاربر اجرا می شود توسعه سمت فرانت را می سازند و کدهایی که در سمت سرور یک وبسایت اجرا می شوند (همچون PHP)، سمت بک اند را می سازند.

در دوره فرانت اند به چه زبان هایی تسلط خواهم یافت؟

زبان HTML

HTML مخفف عبارت HyperText Markup Language به معنی زبان نشانه گذاری ابر متن، اولین چیزیست که ساختار و اسکلت اصلی وبسایت را ایجاد می کند. به عبارتی بدون HTML، دنیای وب وجود نخواهد داشت.

اگر وبسایت را به ساختمان تشبیه کنیم، HTML همچون اسکلت آن ساختمان است. شما در این دوره به طور کامل با HTML آشنا می شوید و ساختار اصلی وبسایت تان را ایجاد خواهید نمود.

زبان CSS

CSS یا Cascading Style Sheets ظاهر و نمای وبسایت شما را می سازد. CSS یک زبان وابسته است. در واقع کدهای CSS به کدها و عناصر HTML اعمال می شوند و به آن جلوه می دهند.

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

زبان JS

جاوا اسکریپت یک زبان برنامه نویسی سمت کاربر است که به شما امکان می دهد ویژگی های پیچیده ای را در یک وب سایت ایجاد کنید.

در حالی که HTML و CSS بر نحوه نمایش یا ظاهر سایت تمرکز می کنند، جاوا اسکریپت بیشتر به نحوه عملکرد سایت یا کارهایی که می تواند انجام دهد نگاه می کند.

شما در این دوره ضمن تسلط بر جاوااسکریپت، به معروف ترین فریمورک آن یعنی JQuery نیز مسلط خواهید شد. در واقع در این دوره پس از یادگیری جاوااسکریپت، به آموزش JQuery خواهیم پرداخت.

Bootstrap

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

به کمک بوت استرپ می توانید تا 80 درصد در زمان صرف شده برای توسعه یک وبسایت صرفه جویی کنید.

در این دوره پس از آموزش بوت استرپ، به اجرای یک پروژه واقعی خواهید پرداخت و به صورت عملی با آن آشنا خواهید شد.

در این دوره آخرین نسخه بوت استرپ تدریس خواهد شد.

گیت هاب

یکی از بزرگترین انجمن‌های توسعه دهندگان وب در جهان github است. در واقع گیت هاب پلتفرمی است که در آن توسعه دهنگان وب از سراسر جهان در آن گرد هم آمده و با یکدیگر ارتباط و همکاری دارند.

در گیت هاب شما به عنوان توسعه دهنده وب می‌توانید پروژه‌های خود را با همکارانتان یا هر فرد دیگری که مایل باشید به اشتراک بگذارید و به صورت مشترک روی یک پروژه کار کنید.

به این ترتیب به سادگی می‌توانید نسخه‌های قبلی یک نرم افزار را ارتقا دهید بدون این که تغییر یا اختلالی در نسخه‌های فعلی ایجاد شود.

github کار کردن روی کدها را بسیار ساده کرده است. به کمک این پلتفرم می‌توانید به کوتاه‌ترین و ناپیدا ترین خط کد خود دسترسی پیدا کنید و در صورت لزوم آن را تغییر دهید.

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

شما در این دوره، با گیت هاب آشنا شده و پروژه خودتان را بر روی آن بارگذاری خواهید نمود.

چرا دوره فرانت اند دوناوب؟

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

در بسیاری از موسسات هر کدام از این مهارت ها به دوره های مجزایی تشکیل شده که شما باید یکی پس از دیگری و به صورت مجزا از هم به یادگیری آن ها بپردازید، در صورتی که این مهارت ها جدا از هم نبوده و در تعامل و ارتباط دائمی و قوی با یکدیگر هستند.

در این دوره شما به صورت فشرده و متمرکز به یادگیری این مهارت ها خواهید پرداخت و با اجرای یک پروژه واقعی، مهارت هایتان محک خواهد خورد.

پشتیبانی دوره فرانت اند

دوره فرانت اند دارای پشتیبانی کامل توسط مدرس و مجموعه دوناوب است. اما منظورمان از پشتیبانی چیست؟

شما پس از طی دوره فرانت اند، نیاز دارید تا فردی به عنوان مربی در کنار شما باشد، به شما تمرین دهد و شما را روی فرم نگه دارد!

پس از دوره فرانت اند، می توانید زیر نظر استاد، به انجام تمرین و ساخت پروژه های تمرینی بگذرانید، تا ضمن دستیابی به تسلط کامل، نقاط ضعف تان را نیز شناسایی کنید.

همچنین پس از ورود به بازار کار، می توانید از حمایت ها و راهنمایی های استاد بهره مند شوید.

هزینه شرکت در دوره فرانت اند چقدر است؟

هزینه دوره فرانت اند شامل دوره های HTML و CSS، دوره بوت استرپ، و دوره جاوااسکریپت، نزدیک به 5 میلیون تومان است. به عبارتی در صورت شرکت در هر دوره به صورت مجزا در نهایت باید هزینه ای بالغ بر 15 میلیون تومان را بپردازید.

اما در دوره فرانت اند، تنها با پرداخت 6 میلیون تومان می توانید همه این مهارت ها را به صورت متمرکز یاد بگیرید.

پیش نیازهای دوره فرانت اند چیست؟

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

هدایای دوره فرانت اند

ما به فکر ورود شما به دنیای کسب و کار هستیم. به همین دلیل پس از طی دوره فرانت اند به پاس قدردانی از زحمات شما، هدایایی را در نظر گرفتیم:

  1. یک پنل پیامکی حرفه ای رایگان برای اتصال آن به وبسایت تان
  2. تخفیف 20 درصدی برای شما جهت شرکت در دوره هیولای وردپرس

دوره های دیگر مجموعه:

دوره هیولای وب

دوره هیولای بوت استرپ

دوره هیولای جاوااسکریپت

دوره هیولای وردپرس

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

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

• در مورد مدرس، محتوای این دوره آموزشی و ویژگی های آن
• آیا این دوره نیاز به پیشنیاز خاصی دارد ؟
• معرفی اولیه زبان HTML و CSS ، ورژن های مختلف آن و تفاوت آن ها
• تشریح رابطه زبان های تحت وب، – Ajax Javascript – PHP – CSS – HTML
• چرا باید HTML و CSS را یاد بگیرم ؟
• مرور کلی مباحث تدریس شده در این دوره
• مرورگرها و موتور های آنان
• موتور های رندرینگ مرورگرها
• ابزار بازرسی عناصر در مرورگرها inspect Element
• ادیتور ها و ویژگی های آنها
• انکودینگ فایل ها و تنظیم آن
• آشنایی با ویرایشگرهای Notpad++,Vscode,PHPstorm
• در مورد emmet و سرعت در کدنویسی
• در مورد لایو ادیت و دیدن خروجی کدهای نوشته شده به صورت لحظه ای

• Syntax و قواعد نوشتاری تگ های HTML
• انواع ویژگی (Attribute) در تگ های html
• ویژگی های اصلی و سراسری
• رویدادها (events Attributes)
• ویژگی های خاص تگ ها
• Syntax و قواعد نوشتاری CSS
• تگ ها و ویژگی های منسوخ شده HTML و جایگزین آن ها
• بدنه و ساختار کلی یک صفحه وبhtml و تشریح بخش های مختلف آن
• کامنت ها در صفحات html
• کامنت های شرطی

• 4 روش استفاده از CSS در صفحات وب و مزایا و معایب هر روش
• روش های استفاده از کدهای جاوااسکریپت در صفحات وب
• آدرس های نسبی و کامل فایل ها
• پدر و فرزندی تگ ها و تشریح آن
• درخت تگ ها و رسم آن توسط یک ابزار آنالیز
• یاد گیری با بررسی سورس کد صفحات وب
• واحدهای اندازه در html و css
• تشریح و توضیح در مورد بیش از ۱۰ واحد اندازه موجود
• رنگ ها در html و css
• نام رنگ ها ، رنگ های HSL, RGBA, RGB, hex و HSLA

• پاسخ تمرین جلسه پیش و توضیح رنگ های HSL و HSLA
• تگ های Block و Inline و تفاوت های آن ها
• آموزش جزئی مجموعه تگ های فرمت دهی متن
• تگ <!DOCTYPE >و کاربردهای آن
• تگ<html > و کاربردهای آن
• تگ <title >و کاربردهای آن
• تگ <body >و کاربردهای آن
• تگ کامنت و کاربردهای آن
• تگ های عنوان و کاربردهای آن
• تگ <p >و کاربردهای آن
• تگ <br >و کاربردهای آن
• تگ <hr >و کاربردهای آن
• تگ <abbr >و کاربردهای آن
• تگ <address >و کاربردهای آن
• تگ <b >و کاربردهای آن
• تگ <bdi >و کاربردهای آن
• تگ <bdo >و کاربردهای آن
• تگ <big >و کاربردهای آن
• تگ های نقل قول و کاربردهای آن
• تگ <center >و کاربردهای آن
• تگ <cite> و کاربردهای آن

• تشریح تفاوت بین تگ های i و em و تگ های b و strong
• تگ <code >و کاربردهای آن
• تگ <del >و کاربردهای آن
• تگ <ins >و کاربردهای آن
• تگ <dfn >و کاربردهای آن
• تگ <em >و کاربردهای آن
• تگ <i >و کاربردهای آن
• تگ <kbd >و کاربردهای آن
• تگ <mark >و کاربردهای آن
• تگ <meter >و کاربردهای آن
• تگ <pre >و کاربردهای آن
• تگ <progress >و کاربردهای آن
• تگ <q >و کاربردهای آن
• تگ <s >و کاربردهای آن
• تگ <samp >و کاربردهای آن
• تگ <small >و کاربردهای آن
• تگ <strong >و کاربردهای آن
• تگ <sub >و کاربردهای آن
• تگ <sup >و کاربردهای آن
• تگ <time >و کاربردهای آن
• تگ <var >و کاربردهای آن
• تگ <wbr> و کاربردهای آن

• تگ <head >و کاربردهای آن
• تگ <meta >و کاربردهای آن
• تگ <base >و کاربردهای آن
• تگ <iframe >و کاربردهای آن
• تگ <a >و کاربردهای آن
• تگ <link >و کاربردهای آن
• تگ <nav >و کاربردهای آن
• تگ <ul >و کاربردهای آن
• تگ <ol >و کاربردهای آن
• تگ <li >و کاربردهای آن
• تگ <dir >و کاربردهای آن
• تگ <dl >و کاربردهای آن
• تگ <dt >و کاربردهای آن
• تگ <dd >و کاربردهای آن
• تگ <menu >و کاربردهای آن
• تگ <menuitem >و کاربردهای آن
• تگ <embed >و کاربردهای آن
• تگ <object >و کاربردهای آن
• تگ <param> و کاربردهای آن

• تگ <form >و کاربردهای آن
• تگ <input >و کاربردهای آن
• انواع مختلف فیلد های موجود در فرم ها
• فیلد و ورودی button
• فیلد و ورودی checkbox
• فیلد و ورودی color
• فیلد و ورودی date
• فیلد و ورودی datetime
• فیلد و ورودی local-datetime
• فیلد و ورودی email
• فیلد و ورودی file
• فیلد و ورودی hidden
• فیلد و ورودی image
• فیلد و ورودی month
• فیلد و ورودی number
• فیلد و ورودی password
• فیلد و ورودی radio
• فیلد و ورودی range
• فیلد و ورودی reset
• فیلد و ورودی search
• فیلد و ورودی submit
• فیلد و ورودی tel
• فیلد و ورودی text
• فیلد و ورودی time
• فیلد و ورودی url
• فیلد و ورودی week
• تگ <textarea >و کاربردهای آن
• تگ <button> و کاربردهای آن
• تگ <select >و کاربردهای آن
• تگ <optgroup >و کاربردهای آن
• تگ <option >و کاربردهای آن
• تگ <label >و کاربردهای آن
• تگ <fieldset >و کاربردهای آن
• تگ <legend >و کاربردهای آن
• تگ <datalist >و کاربردهای آن
• تگ <keygen >و کاربردهای آن
• تگ <output >و کاربردهای آن
• تگ <img >و کاربردهای آن
• تگ <map >و کاربردهای آن
• تگ <area >و کاربردهای آن
• تگ >figure >و کاربردهای آن
• تگ <figcaption >و کاربردهای آن
• تگ <canvas >و کاربردهای آن
• تگ <audio >و کاربردهای آن
• تگ <video >و کاربردهای آن
• تگ <source >و کاربردهای آن
• تگ <track> کاربردهای آن

• تگ <table >و کاربردهای آن
• تگ <caption >و کاربردهای آن
• تگ <th >و کاربردهای آن
• تگ <tr >و کاربردهای آن
• تگ <td >و کاربردهای آن
• تگ <style >و کاربردهای آن
• تگ <div >و کاربردهای آن
• تگ <span >و کاربردهای آن
• تگ <header >و کاربردهای آن
• تگ <footer >و کاربردهای آن
• تگ <section >و کاربردهای آن
• تگ <article >و کاربردهای آن
• تگ <aside >و کاربردهای آن
• تگ <details >و کاربردهای آن
• تگ <summary >و کاربردهای آن
• تگ <dialog> و کاربردهای آن

• مینی پروژه – ایجاد یک قالب کامل HTML5 بدون کدهای CSS
• معرفی سلکتورهای مختلف CSS
• سلکتور .class
• سلکتور #id
• سلکتور *
• سلکتور element
• سلکتور element,element
• سلکتور element element
• سلکتور element>element
• سلکتور element+element
• سلکتور element1~element2

• سلکتور [attribute]• سلکتور [attribute=value]• سلکتور [attribute~=value]• سلکتور [attribute|=value]• سلکتور [attribute^=value]• سلکتور [attribute$=value]• سلکتور [attribute*=value]• سلکتور :active
• سلکتور:checked
• سلکتور:disabled
• سلکتور:empty
• سلکتور:first-child
• سلکتور :first-of-type
• سلکتور :focus
• سلکتور :hover
• سلکتور :in-range
• سلکتور :invalid
• سلکتور :lang
• سلکتور :last-child
• سلکتور :last-of-type
• سلکتور :link
• سلکتور :not
• سلکتور :nth-child(n)
• سلکتور :nth-last-child(n)
• سلکتور :nth-last-of-type(n)
• سلکتور :nth-of-type(n)
• سلکتور :only-of-type
• سلکتور :only-child
• سلکتور :optional
• سلکتور :out-of-range
• سلکتور :read-only
• سلکتور :read-write
• سلکتور :required
• سلکتور :root
• سلکتور :target
• سلکتور :valid
• سلکتور :visited
• سلکتور ::selection
• سلکتور::after
• سلکتور::before
• سلکتور:: first-letter
• سلکتور:: first-line

• ذکر روند تدریس ویژگی های CSS
• ویژگی های پیشونددار مرورگرهای خاص
• پیشوند -moz -و مرورگر موزیال فایرفاکس
• پیشوند -ms -و اینترنت اکسپلورر
• پیشوند -o -و مرورگر اپرا
• پیشوند -webkit -برای کروم و سافاری
• ذکر معایب و مزایای استفاده از ویژگی های پیشوند دار در کنار ویژگی های استاندارد CSS3
• معرفی کیورد initial و کاربردهای آن
• معرفی کیورد inherit و کاربردهای آن
• معرفی کیورد none و کاربردهای آن
• معرفی کیورد auto و کاربردهای آن
• معرفی کیورد !important و کاربردهای آن
• معرفی Box-model
• تفاوت margin و border, padding
• آموزش ویژگی های مختلف زبان CSS
• ویژگی color و کاربردهای آن
• ویژگی opacity و کاربردهای آن
• ویژگی background و کاربردهای آن
• ویژگی background-attachment و کاربردهای آن
• ویژگی background-color و کاربردهای آن
• ویژگی background-image و کاربردهای آن
• ویژگی background-position و کاربردهای آن
• ویژگی background-repeat و کاربردهای آن
• ویژگی background-clip و کاربردهای آن
• ویژگی background-origin و کاربردهای آن
• ویژگی background-size و کاربردهای آن
• ذکر نکات مهم در مورد نحوه طراحی و انتخاب درست پس زمینه
• بحث تقارن پس زمینه و یکپارچه سازی پس زمینه نهایی با تکرار تصویر کوچک

• ویژگی border و کاربردهای آن
• ویژگی Border-color و کاربردهای آن
• ویژگی Border-radius و کاربردهای آن
• ویژگی Border-style و کاربردهای آن
• ویژگی Border-width و کاربردهای آن
• ویژگی Border-image و کاربردهای آن
• ویژگی text-shadow و کاربردهای آن
• ویژگی box-shadow و کاربردهای آن
• ویژگی overflow و کاربردهای آن
• ویژگی padding و کاربردهای آن
• ویژگی margin و کاربردهای آن
• ویژگی های letter-spacing و line-height و کاربردهای آن
• ویژگیtab-size و text-align و کاربردهای آن
• ویژگی text-indent و text-justify و کاربردهای آن
• ویژگی text-transform و کاربردهای آن
• ویژگی white-space و کاربردهای آن
• ویژگیword-break و کاربردهای آن
• ویژگی word-spacing و کاربردهای آن
• ویژگیWord-wrap و کاربردهای آن
• ویژگیtext-decoration و کاربردهای آن
• ویژگیtext-decoration-color و کاربردهای آن
• ویژگیtext-decoration-line و کاربردهای آن
• ویژگی text-decoratrion-style و کاربردهای آن
• ویژگی @face-font و کاربردهای آن
• ویژگی font و کاربردهای آن
• ویژگی family-font و کاربردهای آن
• ویژگیfont-family و کاربردهای آن
• ویژگیfont-style و کاربردهای آن
• ویژگیfont-variant و کاربردهای آن
• ویژگی font-weight و کاربردهای آن

• ویژگی position و کاربردهای آن
• ویژگی top و کاربردهای آن
• ویژگی left و کاربردهای آن
• ویژگی bottom و کاربردهای آن
• ویژگی right و کاربردهای آن
• ویژگی float و کاربردهای آن
• ویژگی clear و کاربردهای آن
• ویژگی clip و کاربردهای آن
• ویژگی display و کاربردهای آن
• ویژگی height و کاربردهای آن
• ویژگی width و کاربردهای آن
• ویژگی visibility و کاربردهای آن
• ویژگیvertical-align و کاربردهای آن
• ویژگی direction و کاربردهای آن

• ویژگیz-index و کاربردهای آن
• ویژگیborder-collapse و کاربردهای آن
• ویژگیborder-Spacing و کاربردهای آن
• ویژگی Caption-size و کاربردهای آن
• ویژگیempty-cell و کاربردهای آن
• ویژگیtable-layout و کاربردهای آن
• ویژگیincrement-counter و کاربردهای آن
• ویژگیreset-counter و کاربردهای آن
• ویژگیlist-style و کاربردهای آن
• ویژگی list-style-image و کاربردهای آن
• ویژگی list-style-position و کاربردهای آن
• ویژگی list-style-type و کاربردهای آن
• ویژگی content و کاربردهای آن
• ویژگی cursor و کاربردهای آن
• ویژگی outline و کاربردهای آن
• ویژگیoutline-color و outline-offset و کاربردهای آن
• ویژگیoutline-style و outline-width و کاربردهای آن
• ویژگی resize و کاربردهای آن
• ویژگیtext-overflow و کاربردهای آن
• ویژگی columns و کاربردهای آن
• ویژگی coulemn-countو کاربردهای آن
• ویژگی column-fill و column-gap و کاربردهای آن
• ویژگی column-rule و کاربردهای آن
• ویژگی column-rule-color و کاربردهای آن
• ویژگی column-rule-style و کاربردهای آن
• ویژگی column-rule-width و کاربردهای آن
• ویژگی column-space و کاربردهای آن
• ویژگی column-width و کاربردهای آن

• نمایش خروجی قالب و ساختار آن
• مرور و توضیح کلی در مورد تگ های قالب
• آشنایی با نحوه استاندارد نوشتن استایل ها و جداسازی آنها با کامنت های توضیحی
• استایل دهی بخش هدر قالب، عنوان سایت و توضیح آن
• ایجاد منوی باالی سایت و استایل دهی به آن
• رفع مشکل بیرون زدن تصاویر از باکس محتوا با یک ترفند ساده!
• استایل دهی بخش اسالیدر قالب
• چینش سایدبار و محتوا در کنار هم و استایل دهی کلی آن
• استایل دهی سایدبار قالب و محتوا و لیست های درون ان
• استایل دهی مقاالت و لینک ادامه مطلب و تاریخ انتشار آن
• استایل دهی فوتر قالب
• آشنایی با نحوه لینک دادن به بخشی از صفحه کنونی
• استایل دهی عمومی جدول ها با استفاده از CSS
• معرفی ابزاری خاص برای ایجاد استایل های مربوط به جدول ها
• ذکر نکات و موارد مورد نیاز برای ادامه دوره

• آموزش خطایابی و نحوه انجام تغیرات و رفع مشکلات موجود در صفحات وب
• معرفی ۳ پیشنیاز لازم برای انجام تغیرات و رفع مشکلات موجود در صفحات وب
• انجام تغییرات و رفع مشکلات در ظاهر وبسایت و صفحات وب
• انجام چندین تغییر در ظاهر یک وبسایت
• بررسی سورس کد صفحه وب و اعتبار سنجی آن
• بررسی سورس کد وبسایت و نمایش و توضیح خطاهای موجود در اعتبار سنجی آن
• ذکر نکاتی در مورد نحوه تمرین شما برای تسلط بیشتر
• ذکر نکاتی مختصر در مورد کپی کردن ظاهر قالب های دیگر
• ناسازگاری مرورگرها! چالش ها و نحوه کدنویسی استاندارد و صحیح
• تعریف ناسازگاری و منابع آن
• معرفی دلایل ایجاد ناسازگاری
• معرفی چندین روش و نکته مهم برای رهایی از ناسازگاری ها
• معرفی Reset CSS و دلیل استفاده از آن
• آشنایی با جاوااسکریپت و کاربرد آن در صفحات وب
• معرفی مفهوم DHTML
• معرفی اولیه زبان جاوااسکریپت
• توانایی ها مزیت های زبان جاوااسکریت
• معرفی کاربردهای زبان جاوااسکریپت
• مدل DOM و نحوه انجام تغیرات در صفحات وب توسط جاوااسکریپت
• اشیاء پیش ساخته در زبان جاوااسکریپت برای دریافت اطالعات جالب صفحه وب و مرورگر

• معرفی یک سایت و ابزار برای بررسی قابلیت های پشتیبانی شده در مرورگرهای مختلف
• توضیح کلی در مورد نحوه کدنویسی جاوااسکریپت
• ذکر یک مثال جاوااسکریپت برای مخفی سازی پاراگراف با کلیک روی دکمه
• آشنایی با جی کوئری و قواعد نوشتاری آن
• ذکر مثال معادل جی کوئری برای مخفی سازی پاراگراف با کلیک روی دکمه و نمایش تفاوت دو مثال
• ذکر مزیت های jquery نسبت به جاوااسکریپت خالص
• ایا برای کار با جی کوئری حتما یادگیری جاوااسکریپت ضروریست ؟
• آموزش روش کار و استفاده از پلاگین ها و کتابخانه های جی کوئری و CSS
• استفاده از پلاگین ها در بطن پروژه جلسه ۱۵ برای کاربردی بودن آموزش ها
• آموزش نحوه جستجوی برای یافتن پلاگین های مفید جی کوئری و CSS
• نکات مهمی در مورد استفاده از پلاگین ها
• چه زمانی از پلاگین ها استفاده کنیم و چه زمانی خودمان کدنویسی کنیم؟
• آموزش کامل استفاده از ۶ پلاگین کاربری( دانلود، مطالعه اسناد کمکی، نصب و استفاده(
• پلاگین :prefixfree رهایی از بند ویژگی های پیشوندی مرورگرهای مختلف
• پلاگینbuttons:css ایجاد دکمه های زیبا و متنوع به راحتی هر چه تمامتر
• پلاگین hint.css : ایجاد تولتیپ های متنوع و قابل تنظیم
• پلاگین fontAwesome : پلاگین و مجموعه عظیمی از آیکن های مورد استفاده در صفحات وب
• پلاگین PrettyPhoto : پلاگینی جذاب و زیبا برای نمایش lightbox با ظاهری شیک
• پلاگین ResponsiveSlides : پلاگینی کم حجم و کارا برای ایجاد اسلایدرهای واکنشگرا
• آموزش نحوه استفاده از تنظیمات پلاگین ها
• آموزش شخصی سازی دکمه های اسالیدر برای سازگاری با قالب و ایجاد ظاهر بهتر و شکیل تر

• ذکر نکته های کاربردی و مهم در طراحی صفحات وب
• نحوه انتخاب عرض مناسب برای قالب ها و صفحات وب
• بررسی رزولوشن مانیتور ها و آنالیز عرض آن ها برای انتخاب عرض صحیح قالب
• بررسی علل ایجاد اسکرول افقی و راه های پرهیز از اتفاق افتادن آن
• مقایسه انتخاب عرض قالب به صورت تمام عرض در مقابل عرض ثابت
• نکاتی در مورد استفاده از ویژگیmax-width برای ایجاد حد ماکزیمم
• نکته های مفید در تراز کردن عمودی و افقی متن ها و اشیاء در صفحات وب
• نحوه چیدن تگ ها و المان های بالکی در کنار هم
• چیدن تعداد خاصی باکس در یک سطر
• مینی پروژه : پیاده سازی کامل منوی بالای سایت حاوی زیر منوهای تو در تو

  • وبسایت فروشگاهی
  • وبسایت شرکتی
  • وبسایت شخصی
  • وبسایت آموزشی

  • معرفی Sass
  • نصب Sass
  • نصب کامپایلر
  • آموزش متغیرها
  • آموزش خاصیت Nesting
  • آموزش import
  • آموزش mixinها
  • آموزش Extend
  • آموزش توابع در Sasss

• طراحی واکنش گرا (Responsive) چیست؟ به چه نحوی کار می کند
• معرفی فریم ورک های موجود برای طراحی واکنش گرا
• تاریخچه بوت استرپ
• بوت استرپ چیست؟
• مزیت ها و دلایل استفاده از بوت استرپ؟
• از کجا شروع کنیم؟
• معرفی IDE های مناسب برای کار با بوت استرپ
• دانلود بوت استرپ
• بررسی محتویات فایل بوت استرپ
• راست چین کردن فایل بوت استرپ (RTL)
• معرفی CDN های بوت استرپ
• مزایای و معایب استفاده از CDN های بوت استرپ
• بررسی متا تگ مورد نیاز برای پشتیبانی و نمایش صحیح قالب در موبایل ها
• بررسی متا تگ های مورد نیاز برای پشتیبانی صحیح در مرورگر IE
• اتصال فایل های بوت استرپ و جاوااسکریپت به سند

• کلیات
• Sass
• تنظیمات در بوت استرپ
• رنگ ها در بوت استرپ
• متغیرهای CSS
• بهینه سازی

• شبکه بندی چیست و چه کاربردی دارد
• آشنایی با سیستم شبکه بندی و مفاهیم آن در بوت استرپ ۵ توسط مثال های کاربردی
• مدیا کوئری چیست و چه کاربردی دارد
• نقاط شکست در بوت استرپ
• نگه دارنده ها و انواع آن ها
• شبکه در بوت استرپ
• ستون ها در بوت استرپ
• Gutter ها در در بوت استرپ
• تنظیمات جانبی در شبکه
• Z-index
• Css Grid
• مینی پروژه ۱
• مینی پروژه ۲
• مینی پروژه ۳

• فایل Reboot و پیش فرض های بوت استرپ
• تایپوگرافی در بوت استرپ
• تصاویر در بوت استرپ
• جداول بوت استرپ
• شکل ها (Figureها)

• کلیات
• کنترل های فرم
• Select
• چک باکس و دکمه های رادیویی
• اسلایدر محدوده (Range)
• گروه بندی ورودی ها
• برچسب ها و جابجایی آن ها
• طرحواره در فرم ها
• اعتبار سنجی در فرم ها

• مینی پروژه 1: آکاردئون (Accordion)
• مینی پروژه 2: اخطار (Alert)
• مینی پروژه 3: نشان ها (Badge)
• مینی پروژه 4: دکمه ها و گروه بندی آن ها (Buttons & Button Group)
• مینی پروژه 5: کارت ها (Cards)
• مینی پروژه 6: کاروسل (Carousel)
• مینی پروژه 7: دکمه بستن (Close Button)
• مینی پروژه 8: محتوای مخفی شونده (Collapse)
• مینی پروژه 9: دراپ دان (Drop Down)
• مینی پروژه 10: گروه لیست (List group)
• مینی پروژه 11: مدال ها (Modal)
• مینی پروژه 12: تب ها و دکمه ها راهبری (navs & tabs)
• مینی پروژه 13: منوی ناوبری (Navnar)
• مینی پروژه 14: offcanvas
• مینی پروژه 15: صفحه بندی (Pagination)
• مینی پروژه 16: نگه دارنده ها (Placeholders)
• مینی پروژه 17: پاپ آور ها (Popovers)
• مینی پروژه 18: نوار پیشرفت (Progress bar)
• مینی پروژه 19: نوار اسکرول (Scrollspy)
• مینی پروژه 20: چرخنده ها (Spinners)
• مینی پروژه 21: Toasts
• مینی پروژه 22: تولتیپ ها (Tooltips)

• Clearfix
• لینک های رنگی
• Ratio
• موقعیت (Position)
• Stacks
• مخفی سازی بصری المان
• لینک های کشیده
• کوتاه کردن متن
• خط افقی

• تنظیمات API
• تنظیمات پس زمینه
• تنظیمات حاشیه ها
• تنظیمات رنگ ها
• تنظیمات نمایش (Display)
• تنظیمات Flex
• تنظیمات Float
• تنظیمات تعامل
• تنظیمات Opacity
• تنظیمات موقعیت
• تنظیمات سرریز
• تنظیمات سایه ها
• تنظیمات ابعاد و اندازه ها
• تنظیمات فاصله گذاری
• تنظیمات متن
• تنظیمات تراز افقی
• تنظیمات نمایان/پنهان

• معرفی آیکن بوت استرپ
• نحوه استفاده از آیکن های بوت
• معرفی آیکن Font Awsome
• معرفی آیکن line Awsome
• معرفی آیکن icon8

طراحی یک وبسایت حرفه ای با بوت استرپ

پیش نیاز های دوره
• زبان های برنامه نویسی تحت وب و دسته بندی آن ها
• زبان های سمت سرور (Server-side) در مقابل زبان های سمت کاربر (Client-side)
• تشریح فرایند ارسال و دریافت درخواست ها در دنیای وب
• تاریخچه مختصری از جاوااسکریپت و نحوه پیدایش آن
• در مورد جاوااسکریپت و ماهیت آن
• تفاوت زبان های کامپایلری با زبان های مفسری
• جی کوئری چیست؟
• معرفی JSON، XML و Ajax و کاربردهای آن ها
• دلایلی استفاده از XML و JSON و اهمیت استفاده از این دو ابزار
• مزیت ها و موارد استفاده از جاوااسکریپت
• کاربردهای مختلف جاوااسکریپت
• منابع، ابزارها و نرم افزارهای مورد نیاز
• نمایش مثال های مختلف از کاربرد جاوااسکریپت در صفحات وب

• آشنایی با ویرایشگر نوت پد++ و PHPstorm و Vscode
• آشنایی با انکودینگ فایل ها و انتخاب انکودینگ مناسب برای زبان فارسی
• تگ Script در html و استفاده از کدهای جاوااسکریپت
• دو روش بکارگیری جاوااسکریپت در صفحات وب و نکات آن
• فرمت فایل های جاوااسکریپت و نحوه لود آن ها در صفحات وب
• نکاتی در مورد محل لود فایل های جاوااسکریپت در صفحات وب
• توضیح در مورد تگ noscript
• کدنویسی استاندارد و قراردادها
• استاندارد تعیین نام ها
• استاندارد تعیین فرمت ها
• رعایت نظم و فرورفتگی (indentation) در کدنویسی
• استفاده از سمی کالن ; در پایان دستورات
• کامنت ها در زبان جاوااسکریپت

• توضیح در مورد متغیرها و داده های ورودی و خروجی
• معرفی انواع داده های موجود در زبان جاوااسکریپت
• نوع داده ای عددی
• نوع داده ای رشته
• نوع داده ای بولین
• نوع داده ای آرایه
• نوع داده ای اشیاء
• توضیح در مورد روند توسعه زبان های برنامه نویسی
• توضیح در مورد اشیاء و برنامه نویسی شی گرا
• ذکر مثال هایی از اشیاء، متدها و ویژگی های پیش ساخته در زبان جاوااسکریپت
• معرفی متغیر ها و وظیفه آنها در برنامه نویسی
• نحوه تعریف متغیر و مقدار دهی به آن
• نحوه تعین نوع متغیر در جاوااسکریپت به صورت خودکار
• ذکر مثال هایی از انواع مختلف متغیر ها و چاپ مقادیر آن ها
• معرفی دستور typeof برای تشخیص نوع متغیر
• معرفی مقادیر undefined و null و NaN در جاوااسکریپت و مفهوم آن ها
• نحوه تعریف چند متغیر با یک دستور) var در یک خط(
• نحوه برخورد جاوااسکریپت با تعریف دوباره متغیر ها ؟؟؟
• نحوه خواندن اطالعات اعضای ارایه ها و اشیاء در جاوااسکریپت
تمرین : تشخیص مقادیر چند عبارت!

• توضیحاتی در مورد کیورد var از جلسه گذشته
• scopeو ناحیه تعریف متغیر ها در زبان جاوااسکریپت
• scopeمحلی و سراسری در جاوااسکریپت و تفاوت آن ها
• عملگرهای محاسباتی و ریاضی در جاوااسکریپت
• عملگرهای انتساب در جاوااسکریپت
• عملگرهای مربوط به رشته ها در جاوااسکریپت
• عملگر های مقایسه ای در جاوااسکریپت و اهمیت آن ها
• عملگر شرطی سه گانه(?:)
• عملگرهای منطقی (not,or,and )و اهمیت و کاربرد فراوان انها در جاوااسکریپت
• تشریح عملگرهای منطقی و توضیح جدول محاسبان آن ها
• عملگرهای منطقی بیتی در جاوااسکریپت
• توضیح در مورد محاسبات بیتی و نحوه کار کامپیوتر با اعداد ۰ و ۱
• عملگرهای of type و delete و in در جاوا اسکریپت و کاربردشان
• اولویت عملگرها در زبان جاوااسکریپت
• ایجاد اولویت دلخواه با استفاده از پرانتزها

اهمیت بحث ورودی/خروجی در زبان های برنامه نویسی
• معرفی توابع دریافت ورودی از کاربر در زبان جاوااسکریپت
• معرفی توابع prompt, confirm و ویژگی innerHtml وvalue
• معرفی توابع نمایش خروجی در زبان جاوااسکریپت و نحوه استفاده از آنها
• معرفی توابع console.log، document.write، alert و ویژگی innerHTML و Value
• معرفی ساختارهای شرطی در زبان جاوااسکریپت
• دلایل و اهداف استفاده از ساختار های شرطی در زبان های برنامه نویسی
• ساختار شرطی if و نحوه استفاده از آن
• ساختار شرطی else..if و نحوه استفاده از آن
• ساختار شرطی if else..if و نحوه استفاده از آن
• ساختار شرطی : ? و نحوه استفاده از آن
• ساختار شرطی switch و نحوه استفاده از آن
• ذکر مثال هایی برای استفاده از ساختار های شرطی

• آشنایی به آرایه ها، ایندکس ها و مقادیر آنان
• آشنایی به نحوه استفاده، تغیر و اضافه و حذف کردن عناصر آرایه
• آرایه های دو بعدی و سه بعدی
• آشنایی با اشیاء، ویژگی ها و متدها
• نحوه استفاده از متد ها و ویژگی های اشیاء در جاوااسکریپت
• ساختار های کنترلی و حلقه های مختلف در جاوااسکریپت
• حلقه while و نحوه استفاده از آن
• توضیح در مورد ساختار حلقه و لزوم برقراری شرط پایان حلقه
• حلقه do…while و نحوه استفاده از آن
• تفاوت حلقه های while و do…while
• حلقه for و نحوه استفاده از آن
• نحوه تبدیل کدهای حلقه while به معادل for آن
• حلقه For…in و پیمایش آرایه ها و اشیاء با آن
• آشنایی با دستور break و وظیفه آن
• آشنایی با دستور continue و کاربرد آن
• کدنویسی و ذکر مثال هایی از حلقه های مختلف
• مینی پروژه : چاپ اعضای آرایه ی دو بعدی با ظاهری مناسب

• بحث در مورد عدم امکان تعریف دو تابع و نام های یکسان
• متد های شی window و عدم نیاز به نام بردن خود شئ window برای استفاده از آن ها
• رفع مشکل تابع print استفاده شده در جلسات گذشته
• آشنایی با قابلیت refactor و تغیر نام سراسری متغیر ها و توابع در کل پروژه درونphpStorm
• بیان نحوه برنامه نویسی بدون توابع و مشکالت عمده آن با ذکر مثال
• مزیت های عمده استفاده از توابع در برنامه نویسی و ایجاد نظم و تقسیم بندی وظایف در کدها
• نحوه تعریف تابع به صورتDeclarations Function
• ذکر نکات مهم در مورد توابع و قابلیت رفتار با آنها به صورت متغیر
• Hoisting Functionدر جاوااسکریت و به بالا آوردن خودکار تعریف توابع
• نحوه تعریف تابع به شکلExpressions Function
• توابع ناشناس functions anonymous در جاوااسکریپت
• توابع خود صدا زننده Functions Invoking-Self
• صحبت در مورد پارامترهای توابع
• نحوه انتساب مقدار پیشفرض برای پارامترها
• نحوه دریافت تعداد مختفی از پارامترها در یک تابع و مدیریت و استفاده از پارامترها
• توابع بازگشتی و نحوه کار آن ها
• ذکر مثالی از پیاده سازی یک تابع به شکل بازگشتی
• تمرین : ایجاد تغیر در تابع print پیشفرض جاوااسکریپت و کسب اجازه از کاربر برای چاپ صفحه
• تمرین : تغیر تابع nicePrint برای چاپ همه نوع داده با قابلیت دریافت تعداد مختلفی از پارامترها
• تمرین : نوشتن تابع به توان رساندن با استفاده از روش بازگشتی
• تمرین : تفاوت بین reference by call و value by call در پاس دادن پارامترهای تابع ؟
• پاسخ تمرین ها

• توضیح در مورد ساختار ها حلقه ای forEach() و for…of و دلیل عدم بیان آن ها در این دوره
• روش صحیح استفاده از حلقه for…in برای پیمایش اشیاء
• توضیح در مورد مشکلات برنامه نویسی به صورت تابعی و عدم استفاده از اشیاء
• مزیت های برنامه نویسی شی گرا
• تعریف مسئله و ایجاد یک کلاس جدید و استفاده از آن کلاس car
• معرفی اشیاء و نحوه استفاده از آن ها در جاوااسکریپت
• سه روش مختلف ایجاد اشیاء در جاوااسکریپت
• مدل شی گرایی جاوااسکریپت prototype – classless و تفاوت آن با مدل های دیگر
• constructor ها در جاوااسکریپت و مفهوم آن
• کیورد this و کاربرد آن
• نحوه تعریف کلاس (شی) جدید در جاوااسکریپت
• نحوه صحیح تعریف ویژگی های یک شئ درون آن
• نحوه تعریف و افزودن متدها برای یک شئ
• نحوه حذف و اضافه کردن متد و ویژگی به اشیاء
• نحوه پاس دادن پارامتر ها به کانستراکتور شئ
• ویژگی prototype و دسترسی به تعریف اصلی (اولیه) اشیاء در جاوااسکریپت
• ذکر مثال هایی از اشیاء پیش ساخته در جاوااسکریپت و متدها و ویژگی ها آنان
• مینی پروژه : تغیر پس زمینه صفحه وب به صورت رندم با کلیک رو بر روی یک دکمه
• مینی پروژه : تولید کننده دکمه!!! ایجاد دکمه ای برای تولید دکمه های رنگارنگ و افزودن آنها به صفحه وب

• امکانات و توابع پیش ساخته جاوااسکریپت و کمک به کدنویسی راحتتر شما
• مجموعه توابع سراسری
• مقادیر undefinedوNan ، infinity
• کدگزاری و رفع کدگزاری آدرس های اینترنت (URI)
• اجرای رشته های حاوی کدهای زبان جاوااسکریپت با تابعeval
• توایع تبدیل رشته به عدد صحیح و اعشاری
• تشخیص عددی بودن یا نبودن یک متغیر
• و دیگر توابع سراسری…
• کلاس Math و توابع محاسباتی و ریاضی
• دریافت مقادیر دقیق عدد PI و E و ثبات های معروف دیگر در ریاضیات
• تابع محاسبه قدر مطلق
• تابع رند کردن اعداد
• تابع به توان رساندن
• توابع سینوسی و کسینوسی و…
• و دیگر توابع ریاضی…
• کلاس Boolean و توابع بولی
• تبدیل مقادیر بولین به رشته
• دریافت مقدار یک متغیر بولین
• کلاس Number و توابع کار با اعداد در جاوااسکریپت
• ویژگی های MAX_VALUE و MIN_VALUE و … در کلاس اعداد
• نمایش اعداد به شکل نمایی
• نمایش اعداد با دقت خاص
• نمایش اعداد با تعداد ارقام ثابت
• تبدیل اعداد به رشته
• دریافت مقادیر متغیر های عددی
• کلاس Date و کار با تاریخ و زمان در جاوااسکریپت
• نحوه ایجاد یک شئ تاریخ در جاوااسکریپت و کار با آن
• دریافت بخش های مختلف از تاریخ و زمان سیستم کاربر )سال، ماه، روز، هفته، ساعت، دقیقه و(…
• تغیر بخش های مختلف از شئ تاریخ و زمان )سال، ماه، روز، هفته، ساعت، دقیقه و(…
• و دیگر توابع کار با شئ Date
• کلاس String و کار با رشته ها در جاوااسکریپت
• دریافت تعداد حروف یک متن یا رشته
• دریافت یک حرف خاص از درون رشته
• دریافت کد یک حرف خاص از درون رشته
• چسباندن دو رشته به هم
• تبدیل کد یک حرف به خوب حرف
• پیدا کردن ایندکس یک زیر رشته درون رشته ی بزرگتر
• جایگزین کردن یک بخش از رشته با رشته ای دیگر
• جستجو در رشته ها
• دریافت یک زیر رشته از رشته بزرگتر
• جداسازی تکه از از یک رشته
• تبدیل رشته به آرایه با یک جداکننده
• تبدیل تمامی حروف رشته به حروف کوچک
• تبدیل تمامی حروف رشته به حروف بزرگ
• حذف فاصله های اضافی در اطراف رشته ها
• و دیگر توابع کار با رشته ها…
• کلاس Array و کار با آرایه ها در جاوااسکریپت
• دریافت سایز آرایه (تعداد اعضای آن(
• ادغام دو آرایه با هم
• یافتن ایندکس یک عضو از آرایه
• چسباندن اعضای آرایه به هم و تبدیل آرایه به یک رشته
• برداشتن و قرار دادن یک عضو در اول آرایه
• برداشتن و قرار دادن یک عضو در آخر آرایه
• برعکس کردن آرایه
• مرتب سازی ارایه ها
• جداسازی یک تکه از آرایه ها
• و دیگر توایع کار با آرایه ها…
• تبدیل انواع داده ای در جاوااسکریپت
• توضیح جدول تبدیل داده ها و ضرورت مطالعه آن
• نحوه تبدیل انواع داده ها به رشته
• نحوه تبدیل انواع داده ها به عدد
• نحوه تبدیل انواع داده ها به بولین
• نحوه تبدیل آرایه به رشته
• نحوه تبدیل رشته به آرایه

• معرفی رویدادها در جاوااسکریپت و اهمیت آن ها
• ذکر مثال هایی از event های رایج در صفحات وب
• روش های توزیع رویدادها( (Propagation Event در جاوااسکریپ و مفهوم آن ها
• لیست event های موجود و توضیح مهمترین آن ها
• دو روش استفاده از رویداد ها و اتصال کدهای جاوااسکریپت به event ها
• روش استفاده درون تگ های html و ویژگی رویدادی آن تگ
• روش استفاده از متد addEventListener اتصال رویداد به توابع به شکل برنامه نویسی
• متد addEventListener برای افزودن یک رویداد و اتصال یک تابع به آن
• مشکل و ناسازگاری IE9 به پایین به متد addEventListener وremoveEventListener
• متد attachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
• متد removeEventListener برای حذف یک event از قبل وصل شده
• متد detachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
• توانایی تعریف چندین eventListener برای یک شی
• استفاده از توابع ناشناخته( (functions anonymouse در eventListener ها
• نحوه اتصال یک event به توابعی که پارامتر ورودی دارند
• مینی پروژه : نمایش ابعاد پنجره مرورگر در حین تغیر سایز آن توسط کاربر
• مینی پروژه : نمایش موقعیت اسکرول صفحه وب در حین اسکرول کردن توسط کاربر
• مینی پروژه : طراحی و کدنویسی یک بازی جذاب، گرفتن مگس توسط عنکبوت با استفاده از دکمه های جهت کیبرد
• نحوه تمرین کردن برای تسلط در کار با رویدادها

• تقسیم بندی ویژگی های شئ window به سه دسته کلی
• معرفی و تشریح مفهوم مدلBOM
• معرفی و تشریح مدل DOM و مفهوم آن
• معرفی اشیاء مربوط به مدلBOM
• معرفی شئ frames و نحوه کار با آن
• معرفی شئ screen و نحوه کار با آن
• معرفی شئ location و نحوه کار با آن
• معرفی شئ history و نحوه کار با آن
• معرفی شئ navigator و نحوه کار با آن

• مرور مجدد خصوصیت های برجسته شئwindow
• معرفی اصالحات مهم درDOM
• تعریف مفاهیم parent,child,adjacent,root,sibling و …
• تشریح ساختار درختی تگ های موجود در صفحات وب
• معرفی شئ Element و نحوه کار با تگ های مختلف موجود در صحات وب
• معرفی متدهای مهم برای دریافت شئ جاوااسکریپت متناظر با تگ های موجود در صفحه وب
• نحوه کار با مجموعه ای از تگ ها که توسط متدهای دریافت کننده اشیاء به دست می آیند
• توضیح در مورد ویژگی های مربوط به تگ هاhtml
• نحوه دریافت attribute های تگ های موجود در صفحه وب
• نحوه تغیر مقدار یا حذف attribute های تگ های موجود در صفحه وب
• معرفی متدها و ویژگی های مختلف شی Element در جاوااسکریپت
• معرفی اشیاء متناظر با هر کدام از انواع تگ های HTML

معرفی شئ document و سند وب باز شده در پنجره مرورگر
• معرفی و توضیح در مورد متدها و ویژگی های مختلف شی document
• معرفی وضعیت های مختلف یک صفحه وب در هنگام لود شدن
• نوشتن یک پروژه عملی جالب و تست کردن کدهای مختلف با شئ document
• معرفی مفهوم کوکی ها و نحوه دریافت کوکی های فعال در مرورگر کاربر
• انجام چندین عمل مختلف و تغیر در تگ های موجود در صفحات وب

• آموزش نحوه صحیح دیباگ کردن و خطایابی کدهای جاوااسکریپت
• روش های مختلف خطایابی و مزیت ها و معایب هر کدام
• استفاده از ابزارهای دیباگر و اینسپکتور مرورگر برای آنالیز و بررسی روند اجرای کدها
• استفاده از ساختارTry…catch برای مدیریت خطاها در هنگام اجرای کد
• مینی پروژه : نوشتن یک برنامه جالب برای تصحیص داده ها وروری کاربر و خطایابی آن
• معرفی توابع اجرا در بازه زمانی در جاوااسکریپت
• معرفی تابع: setInterval اجرای کدها در بازه های زمانی مشخص
• معرفی تابع: clearInterval پاک کردن متغیر زمانی ساخته شده توسطsetInterval
• معرفی تابع: setTimeout اجرای کدها با یک تاخیر مشخص
• معرفی تابع: clearTimeout پاک کردن متغیر زمانی ساخته شده توسطsetTimeout

• جایگذاری انیمیشن های کدنویسی شده به عنوان متد در اشیاء صفحه وب
• مینی پروژه: ایجاد یک ساعت زنده و آپدیت شونده
• مینی پروژه: ایجاد یک تولید کننده اعداد رندم با استایل دهی مناسب
• مینی پروژه : پیاده سازی و ایجاد انیمیشن های fadeIn وfadeOut
• ارائه تمرینات مناسب…

• مینی پروژه : انجام اسکرول نرم scroll smooth با جاوااسکریپت و تغیر تابع scrollTo پیش فرض
• مینی پروژه : ایجاد دکمه انتقال به بالا با قابلیت اسکرول نرم و محو/نمایان شدن خودکار
• مینی پروژه : ایجاد منوی چسبان با جاوااسکریپت به شکل جالب و زیبا
• مینی پروژه : افزودن شمارنده زمانی (قابلیت محدودیت زمان بازی) برای بازی عنکبوت-مگس بخش۱۰
• توضیح در مورد جی کوئری
• چرا باید از جی کوئری استفاده کرد ؟
• کجا از جی کوئری و کجا از جاوااسکریپت خالص استفاده کنیم ؟

• معرفی کتابخانه جی کوئری و اهداف آن
• مزیت های مهم استفاده از جی کوئری
• شعار جی کوئری، کدنویسی کمتر انجام کار بیشتر
• جی کوئری چه مباحثی را شامل می شود؟
• پشتیبانی جی کوئری از مرورگرهای مختلف
• دالیل مهم استفاده از جی کوئری
• فرار از ناسازگاری اجرای کدها در مرورگرهای مختلف با استفاده از جی کوئری
• پیشنیازهای یادگیری جی کوئری
• دانلود جی کوئری و لود آن در صفحه وب
• استفاده از فایل هاست شده یا CDN برای لود جی کوئری و مزیت های هر کدام
• شروع کدنویسی جی کوئری و آموزش آن
• آشنایی با Syntax و قواعد نوشتاری کدهای جی کوئری
• علامت $ در جی کوئری و کاربرد آن
• Selectorهای جی کوئری
• actionها و اجرای کدهای جی کوئری
• استفاده تو در توی کدهای جی کوئری
• رویدادها در جی کوئری

• معرفی Document.readyو اجرای کدهای جی کوئری در انتهای لود صفحه وب
• معرفی کیورد this و اهمیت آن در بالک های کد جی کوئری
• معرفی متدهای دریافت اطلاعات تگ ها در جی کوئری
• متدهای تغیر و نوشتن اطلاعات تگ ها در جی کوئری
• متدهای attrو text,html,val
• افزودن یک تگ جدید در ابتدا و انتهای یک تگ دیگر
• افزودن یک تگ جدید در قبل و یا بعد از یک تگ دیگر
• نحوه حذف یک تگ و یا محتوای آن از صفحه وب در جی کوئری
• تغیر ویژگی های مختلف css با استفاده از جی کوئری
• معرفی متدهای مهم removeClass, addClass و toggleClass برای تغیر کلاس های تگ ها
• معرفی متد css و نحوه خواندن و نوشتن ویژگی های css اعمال شده روی تگ هایhtml
• معرفی متدهای دریافت ابعاد اشیاء و تگ های موجود در صفحه وب

• معرفی رویداد های مختلف جی کوئری و نحوه استفاده از آنها
• معرفی شئ Event و متدها و ویژگی ها آن
• معرفی متد مهم preventDefault و جلوگیری از رخداد عملکرد پیشفرض یک رویداد
• معرفی متد each و انجام پردازش روی مجموعه ای از اشیاء
• معرفی متد های رویدادی on و off وone
• استفاده از return در دستور each برای خروج…

• پیمایش تگ های html با استفاده از کدهای جی کوئری
• یاداوری ساختار درختی تگهای موجود در صفحات وب
• معرفی متدهای فیلترینگ
• معرفی متدهای first, last, eq, not, filterو …
• معرفی متدهای متفرقه
• مشکل تداخل کدها، دلیل آن و روش های رفع آن
• متد noConflict و نحوه جلوگیری از تداخل کدهای شما با کدهای دیگر
• انتقال اشیاء دریافت شده توسط جی کوئری به یک آرایه جاوااسکریپت
• معرفی انیمیشن ها در جی کوئری
• متد hide و show مخفی سازی و نمایش مجدد یک تگ در صفحه وب
• متد fadeIn و fadeOut و fadeToggle انیمیشن های fade در جی کوئری
• متد های slideDown , slideUp و slideToggle انیمیشن های اسلاید در جی کوئری
• متد animate و ایجاد انیمیشن های دلخواه در جی کوئری
• متدهای کار روی انیمیشن ها
• متدهای stop , delay , finish و…
• توابع callBack در جی کوئری و کاربرد آن ها
• صدازدن زنجیروار متدها در کوئری Jquery method chaining
• معرفی متد و رویداد hover و نحوه کار با آن

• مقدمه ای بر عبارت های منظم expression regular
• تعریف مفهوم عبارت های با قاعده و کاربردهای آن
• مقایسه جستجوی دقیق و جستجوی الگوها و بیان مزیت کار با الگوها
• آشنایی با syntax و قواعد نوشتاری عبارت های منظم در جاوااسکریپت
• معرفی الگوها، اصلاح کننده ها و نشانگرهای تعداد
• معرفی و نصب نرم افزار regexBody برای کار با عبارت های منظم
• آشنایی با Modifire ها و کاربرد آنها در عبارت های منظم
• آشنایی با نحوه نوشتن الگوهای مختلف
• سینتکس ساده و پایه الگوها و تطبیق یک رشته مشخص
• استفاده از wildcard ها و anchor ها
• تطبیق ابتدا و انتهای خط
• معرفی عملگرهای گروهبندی
• معرفی Quantifire ها و مشخص کننده های تعداد (+,*,?,min,max)
• معرفی و آشنایی با بازه های کارکتری و تعین حروف مجاز در عمل تطبیق
• scapeکردن کاراکترهای خاص در الگوها
• آشنایی با عمل Back-referencing و استفاده های جالب آن
• نمایش بعضی از کاربردهای عبارت های منظم در جایگزینی متن ها

• معرفی شئ RegExp و روش کار با آن
• دو روش تعریف عبارت های منظم در جاوااسکریپت و مزیت ها و معایب هر کدام
• ارائه چندین عبارت منظم برای تطبیق ساختارهای متنی مختلف (اعداد، شماره تلفن، ایمیل، url و …)
• معرفی تابع test در عبارت های منظم و کاربردهای آن
• معرفی تابع search در عبارت های منظم و کاربردهای آن
• معرفی تابع replace در عبارت های منظم و کاربردهای آن
• مینی پروژه : اعتبارسنجی داده های یک فرم با استفاده از عبارت های منظم در حین تایپ

• تشریح کاربردهای XML و JSON در دنیای وب
• معرفی XML و هدف و کاربردهای آن
• معرفی مزیت ها و معایت XML در مقابلJSON
• معرفی بعضی از زبان های ساخته شده بر اساسXML
• نحوه کدنویسی و موارد استفاده ازXML
• درخت XML و توضیح در مورد آن
• قواعد نوشتاری و syntax زبانXML
• معرفی Element ها و Attribute ها در زبانXML
• آشنایی با NameSpace ها در XML و دلیل استفاده از آن ها
• آشنایی با مفهوم formed-well بودن درXML
• آشنایی با JSON و موارد استفاده از آن
• مقدمه ای بر JSON و نحوه پیدایش آن
• قواعد نوشتاری و سینتکسJSON
• نحوه کدنویسی JSON و استفاده از آن
• تبدیل یک رشته JSON به یک شئ در جاوااسکریپت و برعکس
• معرفی پسوند فایل هایJSON
• ذکر مثال هایی از کدهایJSON
• توضیحی برا استفاده XML و JSON در Ajax و اهمیت و کاربرد آن ها

• تشریح مفهوم ایجکس و تعریف آن
• کاربردها و مزیت های استفاده از Ajax در صفحات وب
• ترکیب تکنولوژی های موجود، عامل پیدایشAjax
• نمایش مثال های واقعی از کاربردهای ایجکس در صفحات وب
• آموزش نحوه صحیح کدنویسی ایجکس با کدهای خالص جاوااسکریپت
• نحوه لود کردن فایل های سمت سرور و نمایش محتوای آن ها با استفاده از ایجکس
• شئ XMLHttpRequest و نحوه تعریف صحیح آن برای سازگاری با اینترنت اکسپلورر
• نحوه ارسال درخواست ایجکس و دریافت پاسخ آن
• ارسال درخواست های ایجکس با متدهای get وpost
• کدنویسی یک مثال جالب برای حذف یک سطر از صفحه وب و حذف بخش متناظر آن در سمت سرور

• مروری بر مفهوم ایجکس و کاربردها و مزیت های آن
• نحوه کدنویسی ایجکس با استفاده از جی کوئری
• معرفی متد ajax و پارامترهای آن
• تعین متد ارسال درخواست
• تعین url مقصد درخواست
• ارسال داده های دلخواه به همراه درخواست ایجکس
• متد serialize و پک کردن داده های فرم ها
• نحوه ارسال درخواست ایجکس
• نحوه دریافت درخواست ایجکس در جی کوئری و انجام اقدامات الزم
• تعین timeout و حداکثر زمان انتظار برای دریافت پاسخ ایجکس
• نحوه نمایش پیام خطا در هنگام مواجهه با مشکل
• نحوه نمایش متن و یا انیمیشن لودینگ برای انتظار کاربر
• مینی پروژه : ارسال داده های فرم های html با ایجکس
• نحوه کدنویسی پارامتری برای ارسال داده های فرم از طریق ایجکس
• نمونه مثال ارسال داده های فرم الگین و ثبت نام با استفاده از ایجکس
• توضیح در مورد نحوه مدیریت و پاسخگویی درخواست در سمت سرور
• شبیه سازی زمان اجرای درخواست در سمت سرور با متد sleep درphp
• ارسال و دریافت داده ها با استفاده از ساختارJSON

• تشریح مفاهیم پالگین و کتابخانه و تعریف هر کدام
• موارد استفاده از کتابخانه ها و کاربردهای آن
• موارد استفاده از پلاگین و کاربردها و اهداف آن
• تفاوت های مفاهیم پلاگین و کتابخانه
• کدنویسی بهتر، سریعتر و مزیت های دیگر پلاگین/کتابخانه نویسی
• آموزش نحوه نوشتن صحیح کتابخانه های جاوااسکریپت در ۳ مرحله
• روش اول: تعریف یک شئ به عنوان کتابخانه
• مزیت ها و معایت روش اول
• روش دوم : تعریف یک تابع به عنوان کتابخانه
• مزیت ها و معایت روش دوم
• روش سوم: استفاده از توابع ناشناس و self-invoking برای نوشتن کتابخانه
• مزیت های روش سوم و تشخیص تداخل نام ها

• توضیح در مورد پلاگین نویسی و مزیت های آن
• تشریح تفاوت های بین پلاگین و کتابخانه
• یاداوری، نحوه کار و کدنویسی جی کوئری
• ساختار و نحوه استفاده از پلاگین های جی کوئری
• معرفی ویژگی $.fn و نحوه ایجاد و تعریف پلاگین جدید در جی کوئری
• نحوه کدنویسی پالگین برای استفاده به صورت زنجیروار
• محافظت از $ و جلوگیری از تداخل کدها با استفاده از توابع خود صدازننده
• تشریح مرحله به مرحله مفهوم self-invoking-function
• نحوه مختصر سازی کدنویسی پلاگین ها و جلوگیری از تعریف چند متد برای یک پلاگین
• استفاده از متد each و کاربرد آن در پردازش عناصر تحت تاثیر پالگین
• نحوه پاس دادن پارامتر(Option) های پالگین و تعین آنها توسط کاربر
• ادغام option های کاربر با option های پیشفرض پلاگین با استفاده از متد extend
• ذکر نکاتی مهم در رابطه با نحوه کدنویسی صحیح پلاگین ها
• استفاده از ساختار فایل و پوشه بندی مناسب برای پلاگین
• مینی پروژه: نوشتن پلاگینی برای افزودن آدرس لینک ها به عنوان آن

• پروژه – پلاگین: closable افزودن قابلیت بسته شدن به تگ هایhtml
• آموزش نحوه قرار دادن دکمه X برای بستن تگ در گوشه آن
• توضیح در مورد تگ هایی با خصوصیت absolute درcss
• تشخیص تگ در برگیرنده X برای بسته شدن در هنگام کلیک
• تعریف رویداد کلیک برای بسته شدن تگ در برگیرنده دکمهX
• آموزش نحوه تعین و کدنویسی انیمیشن های مختلف برای بسته شدن تگ
• تعین انیمیشن بسته شدن تگ توسط کاربر
• تعین آیکون بسته شدن برای پروژه

• پروژه تولتیپ Tooltip نمایش عنوان تگ ها به شکلی زیبا
• تشریح پروژه این جلسه و نحوه کار آن
• تشریح ساختار و کدهای html و css پروژه این جلسه
• نحوه استفاده از پروژه این جلسه
• آموزش نحوه تعین عرض تولتیپ ها در حالت کلی
• آموزش نحوه اعمال تنظیمات خاص مربوط به هر تولتیپ (تعیین عرض، پس زمینه و(…
• خواندن عرض تولتیپ از خصوصیت data-ttw تگ
• نحوه چک کردن وجود یک خصوصیت در یک تگ html
• نحوه استفاده از متد و رویداد hover برای انجام عملیت در هنگام ورود و خروج موس روی یک تگ
• نحوه حذف و ذخیره سازی موقت ویژگی title از تگ فعال هنگام نمایش تولتیپ
• نحوه محاسبه فاصله از باال و چپ تولتیپ و قراردادن عنوان در مکان مناسب
• مرور نکته های مهم ارائه شده در این جلسه
• پروژه – طراحی و پیاده سازی پلاگین Tooltip

توضیحات

• پروژه مُدال – Boxes Modal – شبیه ساز ی پنجره باز شده روی صفحه وب
• تشریح و توضیح کدهای html و css پروژه این جلسه
• نحوه ارتباط دادن لینک ها و دکمه ها به باکس های مربوط به خود
• آموزش نحوه تنظیم رنگ پس زمینه مدال
• آموزش نحوه کدنویسی برای تنظیم شفافیت پس زمینه
• آموزش نحوه کدنویسی برای تعین عرض مدال
• آموزش کدنویسی برای تنظیم انیمیشن ورود مدال به صفحه وب
• تنظیم انیمیشن های ورود از جهات مختلف و با افکت های گوناگون
• تنظیم فاصله از بالای مدال
• نحوه کدنویسی برای به وسط آوردن مدال
• نحوه تنظیم انتخابی رویداد فعال برای بازشدن یک مدال
• تنظیم سرعت انیمیشن ورود
• نحوه دریافت توابع callback از کاربر و اجرای آنها قبل و بعد از نمایش مدال
• تمرین – افزودن دکمه و متن برای بستن مدال

• پروژه منوهای آکاردئونی accordion menus
• توضیح در مورد پروژه این جلسه و دلیل نامگذاری آن
• کدنویسی و تشریح ساختار html و css پروژه این جلسه
• کدنویسی پروژه منوی آکاردئونی بدون پلاگین
• نحوه باز شدن منو با کلیک روی عنوان آن
• نحوه مخفی سازی بقیه منو

• توضیح در مورد تمرین-پروژه جلسه قبل
• پروژه محتوای تب دارTabbed-content
• توضیح ساختار باکس های تب دار
• توضیح کدهای html و css باکس هایtabbed
• کدهای جی کوئری محتوای تب دار
• پروژه منوی کناری مخفی
• توضیح کدهای پروژه منوی کناری مخفی
• پروژه اسلایدر تصویر با امکانات ویژه
• تعریف پروژه اسلایدر و نمایش دموی آن
• تشریح قابلیت اسلایدر طراحی شده در این جلسه
• توضیح کدها و ساختار html و css اسلایدر
• تشریح قابلیت های اسلایدر و option های موجود
• ایجاد بخش شمارنده (شماره اسلاید) برای پروژه
• ایجاد دکمه های رفتن به اسلاید بعدی و قبلی برای پروژه
• ایجاد دکمه های کنترلی اسلایدها برای پروژه
• ایجاد caption و توضیح مخصوص برای هر اسلاید
• تعین انیمیشن های ورورد و خروج هر اسلاید
• نحوه تنظیم سرعت اجرای انیمیشن
• نحوه تنظیم و کدنویسی برای تعین مدت زمان نمایش هر اسلاید
• آموزش نحوه کدنویسی برای توقف اسلایدر در هنگام بردن نشانگر موس روی آن
• آموزش نحوه پشتیبانی اسلایدر از گسچرهای لمسی برای گوشی های هوشمند و تبلت ها
• آموزش نحوه تنظیم نوع نمایش اسلایدها (پشت سرهم یا رندم(
• بررسی نکات مهم و ویژه پروژه این جلسه

• توضیحاتی در مورد جلسه آخر و دوره کنونی
• معرفی یک ابزار آنالین برای اجرای کدهای جاوااسکریپت
• توضیح در مورد استفاده از پلاگین ها برای زبان فارسی
• تشریح اصالح minification و مفهوم آن
• تشریح اصالح compress و مفهوم آن
• تشریح اصالح optimization و مفهوم آن
• تشریح اصالح obfuscation و مفهوم آن
• معرفی ابزارهای minification وobfuscation
• کوتاه سازی کدهای جاوااسکریپت و افزایش سرعت لود فایل
• بهینه سازی کد های جاوااسکریپت و افزایش سرعت اجرا
• مبهم سازی و درهم ریختگی کدها برای محافظت از آن ها
• استفاده از دستور “strict use “و کاربردهای آن
• تشریح موارد غیر قابل استفاده هنگام کدنویسی در مدstrict
• توضیح نکات مهمی برای کدنویسی بهتر جاوااسکریپت
• توضیح نکاتی برای اجرای سریعتر کدها جاوااسکریپت
• توضیح در مورد متد open و پنجره های پاپاپ
• لود کردن فایل های js و css به صورت پویا از طریق دستورات جاوااسکریپت
• معرفی کوکی ها و نحوه کار با آنها در جاوااسکریپت
• توضیح در مورد ترکیب کدنویسی جی کوئری و جاوااسکریپت
• وضیح در مورد اصطالحات lookahead و lookbehind در کار با عبارت های منظم
• آموزش استفاده از حروف فارسی و تعین بازه حروف فارسی/عربی در عبارت های منظم
• آموزش دریافت کد کاراکترهای مختلف در مبنای شانزده HEX
• توضیح در مورد مبنا ها و دلیل نامگذاری ارقام دوحرفی مبنای 16 با حروف A تاF
• توضیح در مورد تابع/عملگر void و کاربرد آن
• توضیح در مورد فریمورک های جاوااسکریپت و کاربرد و اهمیت آنها در صفحات وب
• معرفی دو کتاب مهم در امر آموزش و یادگیری جاوااسکریپت
• توصیه ها و نکات مهم برای یادگیری بهتر و رسیدن به موفقیت در کدنویسی جاوااسکریپت
• مسیر آینده شما برای ادامه آموزش در بستر وب…

  • آموزش نصب سوئیپر
  • اجرای چند نمونه کاروسل و اسلایدر

  • آموزش نصب owl
  • اجرای چند نمونه کاروسل و اسلایدر

  • مقدمات گیت و نصب آن
  • اولین اینیت (init) و اولین کامیت
  • بررسی تاریخچه کارها
  • بررسی تغییرات انجام شده
  • آشنایی با شاخه ها یا همان برنچ ها (Branch)
  • کمی بیشتر در مورد برنچ ها
  • آشنایی و استفاده از گیت هاب (GitHub)
  • بررسی و حل کانفلیکت های (Conflict) ریموت
  • تگ زدن برای شناسایی نسخه ها
  • امضا کردن تگ ها و کامیت ها
  • دیباگ کردن با کمک گیت
  • آشنایی با گیت لب و مشارکت در پروژه ها
  • انتشار پروژه شما در گیت هاب

سوالات متداول

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

  • زبان HTML
  • زبان CSS
  • زبان JavaScript
  • فریمورک بوت استرپ
  • فریمورک JQuery
  • گیت هاب

پرداخت به صورت قسطی است.

مبلغ یک سوم پیش از شروع دوره و مابقی طی دو قسط پرداخت می شود.

برای پرداخت با قسط های بیشتر باید با آموزش هماهنگ کنید.

دوره ها هم به صورت حضوری و هم به صورت آنلاین برگذار می شود.

همچنین ویدئو تمام جلسات ضبط شده و در اختیار شما قرار خواهد گرفت.

بله. در پایان دوره، گواهی حضور به شما داده خواهد شد.

تنها تا ۳ جلسه اول مجاز به لغو کلاس هستید. در این مرحله، ۸۰ درصد مبلغ دریافتی پرداخت خواهد شد.

بله. برای اطلاعات بیشتر با واحد آموزش تماس بگیرید.

۰۱۱۳۳۳۹۲۰۷۲

بله، به همراه داشتن لپ تاپ شخصی در کلاس ها الزامی است.

17 نظر در “دوره فرانت اند- دوره جامع و صفر تا صد فرانت + پروژه واقعی (HTML-CSS-SASS-Bootstrap-Javascript-Jquery-Git) – دوره فرانت اند در ساری”

  • آواتار فرهاد موسوی

    فرهاد موسوی

    گفت:

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

    • آواتار علی توکلی فرد

      علی توکلی فرد

      گفت:

      سلام دوره به صورت ترکیبی هست و تمام مباحث مربوط به بخش فرانت وبسایت توضیح داده میشود
      ظرفیت دوره حداقل 3 نفر و حداکثر 5 نفر هست
      پرداخت به صورت قسطی هم امکان دارد
      بله مدرک هم ارائه داده میشه پایان دوره و پشتیبانی هم پس از پایان دوره ادامه پیدا میکند

  • آواتار rahaaa

    rahaaa

    گفت:

    استاد حرف ندارید دوره فرانت اند عالییی بود یعنیی

  • آواتار rahaaa

    rahaaa

    گفت:

    اما دوره فرانت اند یچیز دیگس خیلی خفن بود

  • آواتار maryam

    maryam

    گفت:

    مرسی از آموزش های مفید و کاربردیتون.این دوره برای کسی که پایه ی برنامه نویسیش صفره هم مناسبه؟

  • آواتار AMIr

    AMIr

    گفت:

    از صفر آموزش میدید یا باید از قبل یه زمینه ای داشته باشیم؟

    • آواتار رحمت ابراهیمیان قاجاری

      از صفر آموزش آموزش داده میشه
      هیچ زمینه یا پیش نیاز خاصی نیاز نیست
      صفر بیاید داخل طراح خارج بشید

  • آواتار امیر احمدی

    امیر احمدی

    گفت:

    سلام خسته نباشید
    دوره ی طراحی سایتتون پروژه محوره؟ و اینکه آیا پروژه ها مناسب بازار کار هست؟

    • آواتار علی توکلی فرد

      علی توکلی فرد

      گفت:

      بله دوره ها کاملا پروژه محور هستند و مناسب بازار کار طراحی شده اند

  • آواتار محمد رضا زاده

    محمد رضا زاده

    گفت:

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

    • آواتار علی توکلی فرد

      علی توکلی فرد

      گفت:

      سپاس

  • آواتار زهرا میرابراهیمی

    زهرا میرابراهیمی

    گفت:

    آیا هزینه ی دوره طراحی سایتتون رو به صورت قسطی هم میشه پرداخت کرد؟

    • آواتار علی توکلی فرد

      علی توکلی فرد

      گفت:

      بله امکان پرداخت به صورت شرایطی هم وجود دارد

  • آواتار نگار

    نگار

    گفت:

    سلام
    این دوره برای من خیلی کاربردی و مفید بود
    اموزش ها گام به گام و هدفمند بودن

    • آواتار علی توکلی فرد

      علی توکلی فرد

      گفت:

      ممنون از نظر و لطفتون

  • آواتار Mahtab

    Mahtab

    گفت:

    چه تعداد پروژه در طول دوره زده میشه؟

    • آواتار علی توکلی فرد

      علی توکلی فرد

      گفت:

      یک پروژه پایانی که پروژه بزرگ هست و چندین مینی پروژه در طول دوره

نظر دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *