×
تعداد دانشجو
۱,۰۴۹ نفر
۱۸,۰۰۰ تومان ۱۰,۸۰۰ تومان

آموزش کدنویسی سریع HTML و CSS با Emmet

آموزش کدنویسی سریع HTML و CSS با Emmet

تعداد دانشجو
۱,۰۴۹ نفر
مدت زمان
۱ ساعت و ۵۰ دقیقه
هزینه عادی آموزش
۱۸,۰۰۰ تومان
در طرح تخفیف
۱۰,۸۰۰ تومان

(کسب اطلاعات بیشتر +)
۵ بازخورد (مشاهده نظرات)
آموزش کدنویسی سریع HTML و CSS با Emmet

چکیده

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

مدرس
مهدی جنگجو

کارشناس ارشد مدیریت فناوری اطلاعات

مهندس مهدی جنگجو کارشناس ارشد مدیریت فناوری اطلاعات هستند. ایشان مدرس بین المللی نرم افزارهای تخصصی شرکت های Adobe (از سال 2005) و Autodesk (از سال 2006) با سابقه تدریس در موسسات بین المللی کشورهای امارات و عمان، مدرس مورد تایید Udemy آمریکا و همچنین مدرس دانشگاه جامع علمی کاربردی در تهران و شرکت سماتک تهران هستند.

توضیحات تکمیلی

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

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: مقدمات Emmet
    • Emmet چیست و چه ضرورتی برای استفاده از آن می باشد؟
    • تفاوت Emmet با سایر زبان های Template Engine
    • آشنایی با Notepad++ و روش نصب و راه اندازی Emmet بر روی آن
    • آشنایی با Sublime Text و روش نصب و راه اندازی Emmet بر روی آن
    • آشنایی با Brackets و روش نصب و راه اندازی Emmet بر روی آن
    • آشنایی با Atom و روش نصب و راه اندازی Emmet بر روی آن
  • درس دوم: نوشتن کدهای HTML با استفاده از Emmet
    • ایجاد تگ های HTML
    • ایجاد یک باره چندین تگ
    • ایجاد تگ های تو در تو
    • ایجاد کلاس ها و آیدی ها
    • ایجاد تگ های پیچیده
    • ایجاد تگ های دارای مقادیر
    • ایجاد محتوای Lorem Ipsum
    • شماره گذاری اتوماتیک لیست ها
    • مدیریت Attributes تگ ها
    • ایجاد کدهای Bootstrap
    • ایجاد حالت های پیشرفته
  • درس سوم: نوشتن کدهای CSS با استفاده از Emmet و موارد تکمیلی
    • ایجاد کدهای CSS با استفاده از Emmet
    • آموزش کار با مستندات و Cheat Sheet
    • توسعه Emmet
مشاهده بیشتر مشاهده کمتر

نرم افزارهای مرتبط با آموزش

ATOM V1.18



پیش نمایش‌ها

۱. مقدمات Emmet

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۱ مگابایت -- (کلیک کنید +))

۲. نوشتن کدهای HTML با استفاده از Emmet

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۷ مگابایت -- (کلیک کنید +))

۳. نوشتن کدهای CSS با استفاده از Emmet و موارد تکمیلی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

راهنمای سفارش آموزش‌ها

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

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش کدنویسی سریع HTML و CSS با Emmet
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۶۰۵۶۲ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVH4C9605
مدت زمان ۱ ساعت و ۵۰ دقیقه
زبان فارسی
نوع آموزش آموزش ویدیویی (لینک دانلود)
حجم دانلود ۱۷۸ مگابایت (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)


نظرات

تا کنون ۱,۰۴۹ نفر از این آموزش استفاده کرده اند و ۵ نظر ثبت شده است.
پویا
پویا

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

صادق
صادق

بسیار آموزش مفیدی است اما قیمت می توانست پایین تر باشد.

امید
امید

یعنی یجوری درس داد من حال کردم بسیار ساده و روان ...من در حال حاضر دارم C یاد میگیرم ،خوب که یاد گرفتم میام اینو میگیرم...استاد واقعی و با سواد کسی هس که درسا رو ساده کنه و روان و سریع درس بده.

مرادی
مرادی

فرادرس واقعا عالی بسیار تشکر

سجاد
سجاد

از فرادرس واقعا ممنونم بهترین سایت آموزشی هست بنظر من
این آموزش هم مدرسش واقعا حرفه ای هستن
امیدوارم آموزشهای بیشتری از آقای جنگجو در فرادرس قرار بگیره

دسته‌بندی موضوعی: برنامه نویسی | طراحی سایت

برچسب‌ها:
Bootstrap | Brackets | Cheat Sheet | Cheat Sheet document | CheatSheet | Cheetsheet در Emmet | CSS | dream weaver | Emmet | emmet plugin | Emmet چیست | fast coding | HTML | Lorem Ipsum با Emmet | Notepad++ | Sublime Text | UI | Zen Coding | آموزش emmet | افزونه Brackets | افزونه Emmet | امت | ایجاد تگ های HTML با Emmet | ایجاد تگ های پیچیده با Emmet | ایجاد تگ های تو در تو با Emmet | ایجاد حالت های پیشرفته | ایجاد کدهای Bootstrap | ایجاد کدهای CSS با استفاده از Emmet | ایجاد کلاس | ایجاد یک باره چندین تگ با Emmet | پلاگین Emmet | توسعه Emmet | تولید کدهای CSS | تولید کدهای HTML | دسترسی به منبع Emmet | روش نصب Emmet در Brackets | شماره گذاری اتوماتیک لیست | طراحی قالب | کدنویسی سریع | کدهای Bootstrap | کدهای CSS | مدیریت Attributes تگ ها | مقدمات Emmet | نصب emmet | نصب Emmet بر روی Brackets | نصب Emmet بر روی Notepad++ | نصب Emmet بر روی Sublime Text | نصب Emmet در Notepad++ | نصب Emmet در Sublime Text | نوشتن کدهای CSS با استفاده از Emmet | نوشتن کدهای HTML با Emmet
مشاهده بیشتر مشاهده کمتر