دوره آموزش Bootstrap

توجه مهم :

به علت اینکه در دوره آموزش طراحی سایت بوت استرپ 4 آموزش داده می شود این دوره به دوره آموزش طراحی سایت انتقال یافت.

دوره آموزش Bootstrap

فهرست مخاطبین دوره : آن دسته از دانشجویانی که آشنایی یا کارکردی متوسط با HTML و CSSدارند ولی می خواهند مراحل طراحی Theme را به صورت حرفه ای بیاموزند.

آن دسته از دانشجویانی که طراح سایت به صورت مبتدی کار کرده اند ولی می خواهند با استفاده از Framework قدرتمند Bootstrap اقدام به طراحی سایت Responsive نمایند.

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

آن دسته از دانشجویانی که می خواهند مفاهیم Responsive خالص مثل View Port ها و Bootstrap Class های خالص را به صورت عملی کار کنند نیز از مخاطبین این دوره هستند

دوره آموزش Bootstrap

سرفصل های دوره آموزش کامل و حرفه ای طراحی سایت :

قسمت اول آموزش Bootstrap

آموزش Bootstrap و ساختار اساسی HTML

• فنداسیون یک صفحه سایت
• عنوان یک صفحه وب سایت
• ساخت پاراگرافها
• تقسیم کردن یک صفحه سایت به قسمتهای مختلف
• Encoding برای نمایش درست متنها

دوره آموزش Bootstrap

آموزش Bootstrap و فرمت کردن متن در HTML

• تغییر سایز نوشته یک متن
• استفاده از فونتهای Monospaced
• استفاده از متنهای Preformatted
• تراز متن در صفحه وب

آموزش Bootstrap و گذاشتن تصاویر در سایت

• کادربندی تصاویر در وب
• آشنایی با کلاس های کار با تصاویر
• آشنایی با نحوه لود شدن تصاویر با ابعاد بهینه در وب
• تغییر سایز تصاویر توسط Bootstrap

آموزش Bootstrap - آموزش لینک ها

• ساخت لینکها در صفحه وب
• آشنایی با انواع کلاس های مربوط به لینک
• نحوه آدرس به لینکها

دوره آموزش Bootstrap

آموزش Bootstrap - آموزش لیست ها

• آشنایی با انواع لیستها
• ساخت لیست های ترتیبی و غیرترتیبی با Bootstrap
• لیستهای تودرتو و مدیریت آنها با Bootstrap
• پروژه عملی دراین دوره از آموزش Bootstrap: ایجاد یک منوی به همراه گزینه های والد لایه ای

آموزش Bootstrap - آموزش جداول

• آشنایی با جداول و کاربردهایآن در صفحات سایت
• تعیین حاشیه کنار جدول با کلاس های Bootstrap
• تعیین فاصله درونیو بیرونی سلول جدول با Bootstrap
• کنترل حرفه ای حاشیه های کناری و داخلی یک جدول با Bootstrap
• افزایش سرعت لود شدن جداول در این دوره از آموزش Bootstrap
• پروژه عملی :ایجاد یک لیست قیمت فروشگاه الکترونیکیو یک منوی زیبا با تکنولوِژی جدول

آموزش Bootstrap - آموزش فرم ها

• در این دوره از آموزش Bootstrap ساخت اولین فرم با
• ساخت اولین برنامه داینامیکفوق ساده با کمک Bootstrap
• ساخت منوهای Drop Down(کشویی) با Bootstrap
• ساخت دکمه های رادیویی و چک باکس ها (Checkbox) با Bootstrap
• آشنایی با دکمه های Submitو Reset
• Order کردن یا ترتیب دادن به دکمه Tab و ایجاد Effect دادن با Bootstrap

آموزش Bootstrap - آموزش کار با CSS

• درک مفهوم CSS و جایگاهآن در کنار Bootstrap
• درک ساختاریک دستور CSS
• انتخاب المان مورد نظر در مربوط به HTML برای استفاده از Bootstrap

آموزش Bootstrap - آموزش فرمت دهی متن و فونت توسط CSS

• تعیین نوع فونت مورد نظر
• آشنایی با گروه های کلی فونت (Font Families)
• تعیین سایز فونت
• آشنایی با ویژگی های یک فونت: style, weight, variant
• تعیین فاصله بین حروف و فاصله بین خطوط یک متن
• تراز یک متن در صفحه سایت

آموزش Bootstrap - آموزش کار با CSS3

• افکت سایه در طراحی سایت
• تاثیر افکت گرادیانتدر طراحی سایت
• افکت شعاع به المان ها

آموزش Bootstrap - آموزش تعیین موقعیت المان ها (Position)

• درک کامل Grid Box Model و ناسازگاری های موجود در طراحی سایت
• نقش استانداردها در Gid Box Model
• شناورکردن المان ها در صفحه سایت با Bootstrap
• کنترل المان های موجود در مجاورت المان های شناور توسط Bootstrap
• مخفی کردن المان ها در یک صفحه وب

آموزش Bootstrap - آموزش درست کردن ساختار (Layout) توسط Bootstrap

• آشنایی با صفحات تک ستونی در این بخش از Bootstrap
• آشنایی با صفحات چندستونی
• ساخت صفحات دوستونی
• ساخت صفحات سه ستونی ساده و پیچیده در این دوره از Bootstrap
• تنظیم ارتفاع تمامی ستون های صفحه وب به یک اندازه
• آشنایی با صفحات Absolutely-Positioned
• آشنایی با باگ های مختلف مرورگرهای مختلف

آموزش فریمورک Bootstrap :

• معرفی دوره Bootstrap
• آموزش نصب و پیکربندی Bootstrap
• آموزش Typography در Bootstrap
• آموزش List ها و Blockquote در Bootstrap
• آموزش رنگ ها در Bootstrap
• آموزش تصاویر در Bootstrap
• آموزش Variable ها در Bootstrap
• آموزش Grid در Bootstrap
• آموزش Nested Grid و Offset در Bootstrap
• آموزش Order و Align در Bootstrap
• آموزش Position ها در Bootstrap
• آموزش Nav در Bootstrap
• آموزش Navbar در Bootstrap
• آموزش Component در Navbar
• آموزش Dropdown در Navbar
• آموزش تگ Form در Navbar
• آموزش Collapse در Navbar
• آموزش Button ها در Bootstrap
• آموزش Button Group در Bootstrap
• آموزش Badge در Bootstrap
• آموزش Progress در Bootstrap
• آموزش List Group در Bootstrap
• آموزش Breadcrumb در Bootstrap
• آموزش Jumbotron در Bootstrap
• آموزش Table ها در Bootstrap
• آموزش Card در Bootstrap
• آموزش ایجاد چرخنده Spiner در Bootstrap 4
• آموزش صفحه بندی Pagination در Bootstrap 4
• آموزش ساخت اسلایدر Carousel در Bootstrap 4
• آموزش کار با نوار پیشرفت Progress Bar در Bootstrap 4
• آموزش Media در Bootstrap
• آموزش Form ها در Bootstrap
• آموزش اعتبار سنجی فرم ها در Bootstrap
• آموزش Form Columns در Bootstrap
• آموزش Input Group در Bootstrap
• آموزش ToolTip در Bootstrap
• آموزش Popover در Bootstrap
• آموزش Alert ها در Bootstrap
• آموزش Dropdown ها در Bootstrap
• آموزش Modal در Bootstrap
• آموزش Carousel در Bootstrap
• پروژه عملی Bootstrap

آموزش Bootstrap - آموزش دسته بندی محتوا در HTML5

• کار کردن باشكل figure و figcaption
• گروه بندی محتوا با aside
• استفاده از div در HTML5
• استفاده از صفات id,classدر HTML5
• كاركردن با لیستها در HTML5
• استناد به کار بصورت semanticallyمعنایی

آموزش Bootstrap - آموزش مالتی مدیا در سایت

• مفهوم مالتی مدیا در وب
• استفاده در وب
• کار با کنترلر های اشیاء ویدیو
• دسترسی به مالتی مدیا

ترکیبCSS 3 با HTML5

قسمت دوم آموزش Bootstrap : آموزش جاوا اسکریپت

• مقدمه ای بر جاوااسکریپت
• شروع کار با جاوااسکریپت
• آشنایی با ابزارها و کاربردها

آموزش Bootstrap - آموزش هسته دستور جاوا اسکریپت

• ساختار کدهای جاوا اسکریپت
• ساخت متغیرها
• نوشتن دستورهای شرطی
• کارکردن با عملگرها
• کار با حلقه ها در جاوا اسکریپت
• ساخت توابع در JavaScript

آموزش Bootstrap - آموزش انواع داده و Object ها در جاوا اسکریپت

• ایجاد و کارکردن با آرایه ها
• ایجاد و کارکردن با اعداد
• ایجاد و کارکردن با مقادیررشته ای
• استفاده از دستورات کار با تاریخ و زمان JavaScript

آموزش Bootstrap - آموزش کاملا کاربردی Document Object Model

• DOM چیست ؟
• کارکردن با Node ها و HTML Elementها
• دسترسی یافتن به المان های موجود در DOM
• تغییر دادن المان های موجود در DOM
• ساخت المان های DOM

کارکردن با رخدادها و آموزش Bootstrap - آموزش Event Listener ها :

• مدیریت رخدادهادر جاوا اسکریپت
• رخدادهای onClickو onEvent آموزش کارکردن با رخدادهای onBlur و onFocus
• کار کردن با Timer

آموزش Bootstrap - آموزش رفع خطاهای رخ داده در کدهای جاوا اسکریپت

• آشنایی با برخی خطاهای رایج جاوا اسکریپت در این دوره از آموزش Bootstrap
• استفاده از Firebugبه منظور رفع خطای کدهای جاوا اسکریپت
• مراحل رفع خطا ی کدهای جاوا اسکریپت

آموزش Bootstrap - آموزش استفاده از جاوا اسکریپت برای مدیریت داده های فرم ها

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

قسمت سوم:آموزش JQuery

• مقدمه ای بر jQuery
• jQuery چیست
• دانلود و نصب jQuery
• ایجاد یک صفحه ساده دارای jQuery
• مروری بر ویژگی های jQuery

دوره آموزش Bootstrap

آموزش Bootstrap - آموزش بازیابی محتوای صفحه با jQuery

• مروری بر انتخاب گرها Selectorو فیلترها
• استفاده از انتخابگرهای اولیه jQuery
• استفاده از فیلترهایاولیه jQuery
• استفاده از فیلترهای صفات jQuery
• Child , Visibility
• فیلترها و انتخابگرهای فرم
• پویش مستندات Traversing Documents
• درک حالت زنجیره عبارت jQuery
• تعیین حاشیه عملکر صفحه لینک (Annotating page links)

آموزش Bootstrap - آموزش دستکاری محتوای صفحه با jQuery

• ایجاد ، گرفتن و تنظیم کردن محتوای صفحه
• دستکاری ویژگی ها (Attributes) با jQuery
• Wrapping، جایگزینی و حذف محتوی
• استفاده از jQuery Event Object

دوره آموزش Bootstrap

آموزش طراحی وب

آموزش Bootstrap

فیلم اموزش طراحی سایت

آموزش html css

آموزش جاوا اسکریپت