طراحی سایت مدرن با Bootstrap ،Tailwind ،HTML/CSS

در این دوره یاد می‌گیری با استفاده از HTML ،CSS ،Bootstrap و Tailwind CSS صفحات وب مدرن، ریسپانسیو و حرفه‌ای طراحی و پیاده‌سازی کنی....
قیمت:از 19,840,000 تومان (ضمانت بازگشت وجه)
ویژگی‌های دوره آموزش

طراحی سایت مدرن با Bootstrap ،Tailwind ،HTML/CSS

در این دوره یاد می‌گیری با استفاده از HTML ،CSS ،Bootstrap و Tailwind CSS صفحات وب مدرن، ریسپانسیو و حرفه‌ای طراحی و پیاده‌سازی کنی.
طراحی سایت مدرن با Bootstrap ،Tailwind ،HTML/CSS

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

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

ثبت‌نام دوره طراحی سایت مدرن با Bootstrap ،Tailwind ،HTML/CSS

ابتدا دوره مدنظرتان و نحوه حضور در دوره را انتخاب کنید و در مرحله‌ی بعد نحوه پرداخت (نقد/اقساط) را مشخص و از درگاه بانک واریز کنید،
پس از پرداخت، تیم پشتیبانی کندو برای هماهنگی‌ با شما تماس می‌گیرند.

سرفصل‌های آموزش طراحی سایت مدرن با Bootstrap ،Tailwind ،HTML/CSS

  • معرفی DOCTYPE
  • آموزش روش آماده سازی بستر طراحی وب و نرم افزارهای مربوطه
  • معرفی Project Structure در طراحی وب
  • ارائه طبقه بندی تگ ها مانند Test Level و Block Level و …
  • بررسی نکات مربوط به List ها
  • بررسی پاراگراف ها، Span و کلیه تگ های طبقه بندی شده
  • معرفی مفهوم Attribute
  • معرفی مفهوم Comment و دلائل استفاده از آن
  • معرفی و ارائه مثال از تگ های مربوط به هر طبقه بندی
  • بررسی استانداردهای نامگذاری المان ها
  • بررسی مفهوم Validation در اسناد Html
  • معرفی CSS
  • بررسی نقش CSS در آرایش تگ ها
  • بررسی نکات مربوط به فونت مانند Size و Weight و …
  • معرفی انواع فونت ها و پسوندهای مربوطه
  • بررسی Icon ها و فونت های گوگل
  • بررسی روش استفاده از کاراکترهای خاص در سند HTML
  • معرفی مفهوم Hyper Link و نکات مربوط به Navigation
  • آشنایی با مفهوم Anchor و Hash
  • ایجاد Shortcut برای لینک ها
  • بررسی Site Map و روش ایجاد آن
  • بررسی روش ایجاد منو و انواع آن
  • بررسی روش های مختلف آدرس دهی لینک ها مثلا Internal و External
  • بررسی نکات جدید HTML5 در مورد لینک ها مانند Download
  • بررسی تگ Table و اجزا مختلف آن
  • بررسی معایب و مزایای Table
  • بررسی نحوه استفاده از Table برای چیدمان
  • بررسی نحوه اختصاص اندازه به المانها
  • معرفی قابلیت های Design Envirement مانند منوها و قسمت های مختلف Dream Weaver
  • بررسی روش های مختلف اعمال Style روی تگ ها مانند Inline، Internal، External
  • معرفی انواع Selector ها در CSS
  • بررسی نحوه استفاده از تصاویر در سند HTML
  • بررسی انواع File Path
  • بررسی مفهوم Save/Export For Web
  • بررسی نحوه Load شدن تصاویر
  • بررسی پسوندهای مختلف تصاویر
  • بررسی تصاویرPNG و مشکلات نمایشی مرورگرها
  • بررسی نکات مربوط به تصاویر مانند Transparency
  • بررسی Image Map
  • بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزارهای مربوطه
  • بررسی نحوه استفاده از تصاویر در Background
  • بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
  • بررسی نحوه استفاده از صدا و تصویر در Background
  • معرفی IFrame و روش استفاده از آن
  • بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame
  • ایجاد انیمیشن با تصاویر و ابزارهای مربوطه
  • بررسی نحوه استفاده از رنگ
  • بررسی نحوه استفاده از فونت
  • بررسی نکات مربوط به Formatting در Table
  • بررسی نکات جدید HTML5 در جداول
  • بررسی مفهوم Layout های Tableless
  • بررسی Div و نکات مربوطه در حیطه Positioning
  • بررسی روش های تقسیم بندی صفحه
  • بررسی مفهوم Margin و Padding
  • بررسی Border و نکات مربوطه
  • بررسی نکات مربوط به Text مانند Direction ، Decoration، Align و …
  • بررسی نکات مربوط به Positioning در css
  • بررسی نکات حرفه ای تر css مانند Animation و Translation
  • بررسی انواع Effect ها در CSS3
  • بررسی انواع Layout ها
  • بررسی Localization برای زبانهای RTL
  • معرفی مفهوم Float و Absolute و
  • معرفی مفاهیم مرتبط با Boxing
  • بررسی Form و انواع Input ها
  • معرفی تگ های مفهومی HTML5 مانند مفاهیم موارد زیر
  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>
  • و بررسی نقش هر یک
  • بررسی امکانات مرتبط با شبکه های اجتماعی
  • طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
  • بررسی Drag & Drop
  • بررسی Canvas و نحوه استفاده از آن
  • بررسی SVG و نحوه استفاده از آن
  • معرفی Edge و Illusttator و کاربرد آنها
  • معرفی Mute و کاربرد آن
  • طراحی وب سایت با کد های css و bootstrap
  • طراحی وی سایت ریسپانسیو / واکنشگرا ( نمایش صحیح و بهینه صفحات وب در کامپیوتر ، تبلت ، موبایل و …) با کدهای css و همچنین به کمک bootstrap
  • اصول ایجاد تجربه کاربری مطلوب برای بازدید کننده وبسایت ( ux)
  • پیاده سازی وب سایت بر اساس هارمونی در طرح ، رنگ و چیدمان

اساتید دوره طراحی سایت مدرن با Bootstrap ،Tailwind ،HTML/CSS

اساتید ما با سال‌ها تجربه عملی و تدریس، این دوره را به ساده‌ترین شکل ممکن به شما آموزش می‌دهند تا به راحتی مهارت‌های لازم را کسب کنید.

نظر مهارت آموزان

چرا دوره‌های آموزشگاه کندو برای مهارت‌آموزی؟


  مهارت‌آموزانی که دوره‌های آموزشی ما را برگزیدند و از انتخابشان راضی بودند، می‌گویند چرا. 

کاربر04 آموزشگاه مهندسی کندو
هومان حمیدی
(متخصص امنیت)

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

کاربر03 آموزشگاه مهندسی کندو
ندا سلیمانی
(توسعه‌دهنده وب)

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

کاربر02 آموزشگاه مهندسی کندو
امیرحسین احمدی
(هلپ دسک)

توی آموزشگاه یه فضای دوستانه و مثبت وجود داره که انگیزه و اشتیاق یادگیری رو چند برابر می‌کنه. تفاوتش با بقیه آموزشگاه‌ها رو از همون ابتدا متوجه می‌شید.

New Project
سارا محمودی
(بک‌اند دولوپر)

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

کاربر01 آموزشگاه مهندسی کندو
ایمان تقوی
(متخصص شبکه)

دوره‌های کندو واقعاً کمکم کرد راحت‌تر کار پیدا کنم. چیزایی که یاد گرفتم توی مصاحبه‌های فنی حسابی به دردم خورد.

کاربر05 آموزشگاه مهندسی کندو
سینا جنتی
(مهندس سخت‌افزار)

چیزی که در رابطه با کندو نظرم رو جلب کرد، سطح علمی بالای اساتیدش بود. حتی گاهی فراتر از سرفصل‌های کلاس یاد می‌گرفتیم. یه تیم دلسوز و حرفه‌ای پشت این مجموعه‌ست.

نمونه مدرک دوره

  • کندو معتبرترین آموزشگاه IT ایران است که بیشترین فارغ‌التحصیلان را دارد.
  • بسیاری از مدیران صنعت IT ایران در آموزشگاه کندو دوره دیده‌اند.
  • بسیاری از فارغ التحصیلان آموزشگاه کندو خارج از ایران مشغول به کار شده‌اند.
  • مدرک کندو قابلیت ترجمه و استفاده برای امور مهاجرتی را نیز دارد.
  • مدارک دوره‌های حضوری و آنلاین هیچ تفاوتی با هم ندارند.

کلاس‌های حضوری کندو

کلاس‌های حضوری کندو، با بهره‌گیری از متدهای آموزشی به‌روز و همراهی کامل اساتید و تیم فنی، محیطی مناسب و اثربخش برای فراگیری مهارت‌های کاربردی فراهم می‌کنه.

با کمــال افتخــار

مفتخریم که مهارت‌آموزان ما در مجموعه‌های پیشرو و معتبر استخدام شدند.

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

دوره‌های کندو به چه صورت برگزار می‌شن؟

دوره‌های ما به‌ صورت حضوری، آنلاین و ضبط‌شده برگزار می‌شن.

بله، امکان پرداخت اقساطی با 30% پیش‌پرداخت وجود داره.

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

دوره‌های حضوری و آنلاین به صورت هم‌زمان برگزار می‌شن و استاد، سرفصل‌ها، زمان‌بندی و محتوای آموزشی برای دانشجویان حضوری و آنلاین یکسانه. تفاوت اصلی فقط در نحوه حضور در کلاسه.

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

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

در دوره آنلاین، کلاس به‌صورت زنده و در زمان مشخص با حضور استاد برگزار می‌شه؛ اما در دوره ضبط‌شده، محتوای آموزشی از قبل آماده شده و می‌تونید طبق برنامه شخصی خودتون دوره رو بگذرونید.

بله، برای تمام دوره‌های ضبط‍‌شده گروه پشتیبانی تشکیل می‌شه.

بله، با توجه به دوره محتوای دوره‌ها بین 3 تا 5 سال آپدیت می‌شن.

بله، صادر می‌شه. بعد از 20 روز از شروع یادگیریتون، آزمون آنلاین براتون فعال می‌شه و در صورت کسب نمره قبولی در آزمون می‌تونید برای دریافت مدرک اقدام کنید.

0 0 رای ها
امتیازدهی به این محتوا
اشتراک در
اطلاع از
1 دیدگاه
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها