دوره آموزشی تخصصی و کلاس آموزش برنامه نویسی (Web Design II (Responsive Design with Bootstrap, Less & Sass، مجتمع فنی تهران نمایندگی سیدخندان
Bootstrapt شامل توابع و دستورات HTML ،CSS و JavaScript است که توسط توییتر به صورت متن باز انتشار یافت. بوت استرپ دارای ابزار طراحی ریسپانسیو یا واکنش گرا است تا صفحات وب را بهبود و استاندارد نمایید. از جمله مزایای آن، افزایش سرعت در طراحی قالب است. Less مخفف Linear CSS است و با جاوا اسکریپت نوشته شده است. زمانی که حجم و تعداد کدهای نوشته شده زیاد شود، برای نگهداری و منظم کردن کدهای CSS از Less می توانید استفاده نمایید. Sass زبان سمت سرور است و روی Ruby اجرا می شود. Less و Sass برای افزایش قابلیت ها و سادگی CSS استفاده می شود.
سرفصل دوره آموزش Web Design II (Responsive Design with Bootstrap, Less & Sass)
- تبدیل صفحه غیر ریسپانسیو به ریسپانسیو
- بررسی مفهوم Responsive
- معرفی مفهوم CSS Framework
- معرفی و بررسی تاریخچه BootStrap در یک سند HTML
- معرفی Grid System
- معرفی Media Query
- معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیصResolution کاربر
- معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
- معرفی Fixed Layout
- معرفی Responsive Layout
- بررسی Typography با BootStrap
- بررسی روش ایجاد فرم و کلاسهای مرتبط
- بررسی روش پنهان سازی بخش هایی از سند
- بررسی نکات و کلاسهای مرتبط با جدول
- بررسی نکات و کلاسهای مرتبط با تصاویر
- بررسی روش استفاده از Icon ها
- بررسی روش استفاده از Helper ها
- بررسی نکات. کلاسهای مرتبط با دکمه
- بررسی ارائه مثال از موارد زیر:
- Dropdowns
- Button groups
- Button Dropdowns
- Input groups
- Navs
- Navbar
- Breadcrumbs
- Pagination
- Labels
- Badges
- Jumbotron
- Page header
- Thumbnails
- Alerts
- Progress bars
- Media object
- List group
- Panels
- Wells
- بررسی روش های سفارشی سازی BootStrap
آموزش Less & Sass
- معرفی LESS و SASS و تشریح مزایای استفاده از آنها و تفاوت ها
- بررسی روش نصب و راه اندازی SASS و COPASS
- بررسی روش ایجاد پروژه و ابزارهای گرافیکی مورد استفاده در SASS مانند Scout App و CodeKit و liveReload
- بررسی روش ایجاد و فشرده سازی یک StyleSheet
- بررسی روش ایجاد متغیرهای در SASS
- بررسی روش ایجاد و استفاده از فایل های Partial
- بررسی الگوهای نوشتاری Nesting
- بررسی روش اتصال Selector ها و رابطه Parent-Child بین Selector ها
- بررسی روش استفاده از @extend برای گسترش قوانین تعریف شده
- بررسی الگوهای نوشتاری Mixins
- بررسی روش های اعمال تغییرات روی رنگ ها
- معرفی پلاگین Susy و نکات مربوطه
- بررسی روش ایجاد Media Query های پیشرفته تر با SASS و MIXINS
- پیاده سازی منطق با SASS
- بررسی روش نگارش و کامپایل Less
- بررسی روش حل مشکل CROSS BROWSER در LESS
- بررسی Server Side Compilation
- بررسی روش استفاده از Source Map
- بررسی روش Compress و Mnimize کردن
- بررسی متودولوژی های OOCSS و SMACSS و BEM
- بررسی روش استفاده از متغیرها و MIXINS
- بررسی Nested Rule ها
- بررسی انواع عملگرها و توابع
- بررسی روش استفاده از Parent Selector
- بررسی عملیات روی رنگها
- بررسی Media Query در LESS
- بررسی روش استفاده از LESS در GRID
- بررسی تعاملات LESS یا BOOTSTRAP
پیش نیاز دوره آموزش Web Design II (Responsive Design with Bootstrap, Less & Sass)
Web Design I (HTML5, CSS3 with Dreamweaver)لیست ارائه های دوره Web Design II (Responsive Design with Bootstrap, Less & Sass)
| ردیف | عنوان دوره | روزهای تشکیل | تاریخ شروع | تعداد ساعت | شهریه (ریال) | توضیح | پیش نیاز | |
|---|---|---|---|---|---|---|---|---|
| 1 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | جمعه 08:00 تا 13:00 | 03-02-07 | 34 | 39,000,000 | استاد رضاوند | ||
| 2 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | شنبه, چهارشنبه 18:00 تا 20:30 | 03-02-29 | 34 | 39,000,000 | استاد جوان میر | ||
| 3 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | پنجشنبه 13:00 تا 18:00 | 03-03-03 | 34 | 39,000,000 | استاد رضاوند | ||
مقالات مرتبط با وب و برنامه‌نویسی
11 نوامبر
برنامه نویسی وب
طراحی وب به روند شکل دادن به ظاهر یک وبسایت، طراحی وب گفته میشود . ابزارهای اصلی این کار Html / Css و JavaScript میباشد. وب دیزا...
21 نوامبر
گوگل ادوردز و مزایای آن
اگر بخواهید در دنیای امروز و با وجود تنوع بسیار در محصولات موفق باشید. باید بدانید بدون تبلیغات این امر ممکن نخواهد بود. شما بدون تبل...
03 اکتبر
PHP یک زبان برنامه نویسی توسعه یافته
یکی از زبان های برنامه نویسی که بسیار پر طرفدار می باشد. زبان برنامه نویسی PHP است. زبانی توسعه یافته که در جهت طراحی سایت های پویا م...
17 سپتامبر
سی شارپ نرم افزاری مدرن
سی شارپ نرم افزاری مدرن و مناسب است برای کسانی که برای اولین بار وارد دنیای برنامه نویسی میشوند. تاریخچه این نرم افزار به سالهای قبل ...
26 آگوست
برنامه نویسی به زبان C
برنامه نویسی مبحثی کاملا تخصصی و حرفه ای است که افراد زیادی جذب آن نمی شوند. در حقیقت کسانیکه علاقه به دنیای اینترنت، فناوری اطلاعات و ...
سلام من دوره وب دیزاین 1 رو نگذروندم ولی نسبتا به مفاهیم این دوره مسلطم ولی نه کاملا میخواستم بدونم میتونم دوره وب دیزاین2 رو شرکت کنم یا خیر
موضوع بعد هم اینکه ایا دوره هاتون پروژه محور هست یا خیر خیلی ممنون
سلام به شما دوست گرامی
برای شرکت در دوره طراحی وب 2 لازم هست که شما طراحی وب یک رو گذرانده باشید و مسلط باشید
دوره های که در شاخه وب و برنامه نویسی ارائه می شود متمرکز بر کار عملی و انجام مداوم تمرین و انجام برنامه نویسی هست.
سلام خسته نباشيد؛
خواستم بپرسم مدرس دوره web II كدام استاد هست؟
ممنون
با سلام خدمت شما دوست گرامی
در مجتمع فنی تهران با توجه به روز و ساعت و تاریخ برگزاری کلاس ها با استاد هماهنگ می شود. دوره Web II در مجتمع فنی تهران توسط چندین استاد تدریس می شود. اساتیدی که در این ترم با ایشان همکاری میشود استاد محمدی و استاد جلیلوند می باشند. شما در سایت مجتمع فنی تهران بخش معرفی اساتید می توانید رزومه اساتید را ملاحظه فرمایید.