🚀 آموزش کدنویسی سریع HTML و CSS با Emmet
📝 زبان: فارسی
🎥 تعداد ویدئوها: 3 ویدئو
⏱ مدت: حدود 77 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: تمام سطوح
👤 مدرس: ابوالفضل چلویی
🌀سورس: دارد
🔗 منبع: لیموناد
💡 افزونه Emmet یک ابزار قدرتمند برای افزایش سرعت در نوشتن کدها است در این دوره رایگان نحوه استفاده از آن برای نوشتن سریع تر کدهای HTML و CSS را یادمیگیرید.
🔆 در دوره ی رایگان"کدنویسی HTML و CSS با Emmet"، شما با مباحث مقدماتی HTML و CSS آشنا می شوید. ابتدا در مورد ساختاردهی صفحات وب با HTML و سپس به مباحث استایل دهی با CSS در سطح مقدماتی می پردازیم. افزونه Emmet را معرفی کرده و نحوه استفاده از آن برای نوشتن کدهای HTML و CSS به صورت سریعتر و بهینه تر را فرا میگیرید. در نهایت یک ماشین ساده را با استفاده از تکنیک ها و اصول آموخته شده در این دوره، پیاده سازی می کنیم.
🔆 در این دوره، ما به بررسی کار با ابزار Emmet پرداخته ایم که یادگیری آن برای هر طراح وب امری لازم و ضروری است. با استفاده از این ابزار قدرتمند، طراحان وب قادرند کدهای HTML و CSS خود را به سرعت و با بهینه ترین روش ها ایجاد کنند.
💢 آنچه در آموزش کدنویسی سریع HTML و CSS با Emmet خواهید آموخت:
• ایجاد کدهای اولیه در HTML
• نوشتن دستورات CSS
• پیاده سازی ماسین حساب ساده
✅ حاصل دوره
در پایان این دوره یاد میگیرید که کدهای html و css خود را با سرعتی باور نکردنی بنویسید.
⬅️ پیش‌نیاز
آشنایی با دستورات Html و Css
👥 مخاطبین دوره
برای توسعه دهندگان فرانت اند (Front-End Developers)
🛠 ابزار مورد نیاز
افزونه Emmet و یک محیط توسعه (vs code)
🔰 سر فصل دوره :
📌 جلسه 1- HTML
📌 جلسه 2- CSS
📌 جلسه 3- پروژه ماشین حساب ساده + سورس نهایی
#ویدئو #فیلم #آموزش #کد #وب #امت
#Video #Code #Web #HTML #CSS #Emmet
🆑 @Computer_IT_Engineering
📝 زبان: فارسی
🎥 تعداد ویدئوها: 3 ویدئو
⏱ مدت: حدود 77 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: تمام سطوح
👤 مدرس: ابوالفضل چلویی
🌀سورس: دارد
🔗 منبع: لیموناد
💡 افزونه Emmet یک ابزار قدرتمند برای افزایش سرعت در نوشتن کدها است در این دوره رایگان نحوه استفاده از آن برای نوشتن سریع تر کدهای HTML و CSS را یادمیگیرید.
🔆 در دوره ی رایگان"کدنویسی HTML و CSS با Emmet"، شما با مباحث مقدماتی HTML و CSS آشنا می شوید. ابتدا در مورد ساختاردهی صفحات وب با HTML و سپس به مباحث استایل دهی با CSS در سطح مقدماتی می پردازیم. افزونه Emmet را معرفی کرده و نحوه استفاده از آن برای نوشتن کدهای HTML و CSS به صورت سریعتر و بهینه تر را فرا میگیرید. در نهایت یک ماشین ساده را با استفاده از تکنیک ها و اصول آموخته شده در این دوره، پیاده سازی می کنیم.
🔆 در این دوره، ما به بررسی کار با ابزار Emmet پرداخته ایم که یادگیری آن برای هر طراح وب امری لازم و ضروری است. با استفاده از این ابزار قدرتمند، طراحان وب قادرند کدهای HTML و CSS خود را به سرعت و با بهینه ترین روش ها ایجاد کنند.
💢 آنچه در آموزش کدنویسی سریع HTML و CSS با Emmet خواهید آموخت:
• ایجاد کدهای اولیه در HTML
• نوشتن دستورات CSS
• پیاده سازی ماسین حساب ساده
✅ حاصل دوره
در پایان این دوره یاد میگیرید که کدهای html و css خود را با سرعتی باور نکردنی بنویسید.
⬅️ پیش‌نیاز
آشنایی با دستورات Html و Css
👥 مخاطبین دوره
برای توسعه دهندگان فرانت اند (Front-End Developers)
🛠 ابزار مورد نیاز
افزونه Emmet و یک محیط توسعه (vs code)
🔰 سر فصل دوره :
📌 جلسه 1- HTML
📌 جلسه 2- CSS
📌 جلسه 3- پروژه ماشین حساب ساده + سورس نهایی
#ویدئو #فیلم #آموزش #کد #وب #امت
#Video #Code #Web #HTML #CSS #Emmet
🆑 @Computer_IT_Engineering
Media is too big
VIEW IN TELEGRAM
🚀 آموزش کدنویسی سریع HTML و CSS با Emmet
📝 زبان: فارسی
👤 مدرس: ابوالفضل چلویی
🔗 منبع: لیموناد
📌 جلسه 3- پروژه ماشین حساب ساده + سورس نهایی
🔆 در این قسمت یک ماشین حساب ساده را با کمک emmet می سازیم و همچنین تعدادی نکات جدید گفته می شود. فایل نهایی ضمیمه شده است.
#ویدئو #فیلم #آموزش #کد #وب #امت
#Video #Code #Web #HTML #CSS #Emmet
🆑 @Computer_IT_Engineering
📝 زبان: فارسی
👤 مدرس: ابوالفضل چلویی
🔗 منبع: لیموناد
📌 جلسه 3- پروژه ماشین حساب ساده + سورس نهایی
🔆 در این قسمت یک ماشین حساب ساده را با کمک emmet می سازیم و همچنین تعدادی نکات جدید گفته می شود. فایل نهایی ضمیمه شده است.
#ویدئو #فیلم #آموزش #کد #وب #امت
#Video #Code #Web #HTML #CSS #Emmet
🆑 @Computer_IT_Engineering
⚛️ آموزش Html و Css
📝 زبان: فارسی
🎥 تعداد ویدئوها: 8 ویدئو
⏱ مدت: حدود 4 ساعت و 20 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: مقدماتی
👤 مدرس: علی وحدت منزه
🌀سورس: دارد
🔗 منبع: تاپ لرن
#ویدئو #فیلم #وب #اچ_تی_ام_ال #سی_اس_اس
#Video #Web #HTML #CSS
🆑 @Computer_IT_Engineering
📝 زبان: فارسی
🎥 تعداد ویدئوها: 8 ویدئو
⏱ مدت: حدود 4 ساعت و 20 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: مقدماتی
👤 مدرس: علی وحدت منزه
🌀سورس: دارد
🔗 منبع: تاپ لرن
#ویدئو #فیلم #وب #اچ_تی_ام_ال #سی_اس_اس
#Video #Web #HTML #CSS
🆑 @Computer_IT_Engineering
⚛️ آموزش Html و Css
📝 زبان: فارسی
🎥 تعداد ویدئوها: 8 ویدئو
⏱ مدت: حدود 4 ساعت و 20 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: مقدماتی
👤 مدرس: علی وحدت منزه
🌀سورس: دارد
🔗 منبع: تاپ لرن
💡 زبان Html و Css چیست ؟ Html در کنار Css هسته فن آوری ساخت صفحات وب هستند. Html زبان توصیف ساختار صفحات وب است. Html زبانی است برای نشانه گذاری فرا متن که برای تدوین قالب و طراحی صفحات وب به کار می برند. دستور العمل های این زبان برچسب Tag نام دارند که محتوای یک صفحه وب با آن‌ها نشانه گذاری شده و بدین ترتیب نحوه نمایش آن صفحه برای مرورگر های وب توصیف می‌شود. که تاکنون 5 نسخه از Html عرضه شده است. هر یک از برچسب های Html معنا و مفهوم خاصی دارند و تاثیر مشخصی بر محتوا می گذارند. مثلا برچسب هایی برای تغییر شکل ظاهری متن، نظیر ضخیم کردن و باریک کردن یک کلمه یا برقراری پیوند به صفحات دیگر در Html تعریف شده اند. یک سند Html یک پرونده مبتنی بر متن است که معمولا با پسوند Html یا Htm نام گذاری شده و محتویات آن از برچسب های Html تشکیل می شود. مرورگر های وب که قادر به درک و تفسیر برچسب های Html هستند تک تک آن ها را از داخل سند Html خوانده و سپس محتوای آن صفحه را نمایان سازی می کنند. Html اساسا برای ساخت مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار نظیر عناوین، تصاویر، فهرست ها، بند ها و جداول به کار می رود. از سوی دیگر Html را نباید به عنوان زبانی برای صفحه آرایی یا نقاشی صفحات وب به کار برد. این وظیفه اکنون بر دوش فن آوری های دیگری همچون Css است. گفتنی است Html شکلی از زبان دیگری به نام Sgml است و کنسرسیوم وب آن را به عنوان استانداردی برای نشانه گذاری مستندات فرا متنی برای عرضه در وب تدوین کرده است. Cssیک زبان برای ساخت شیوه نامه است که از آن برای توصیف نمایش یک سند که به یکی از زبان های نشانه گذاری مثل Html نوشته شده است استفاده می شود. Css یکی از فن آوری های بنیادین در کنار Html و JavaScript در وب جهان گستر است. Css روشی ساده برای نمایش چیدمان و جلوه های تصویری مانند نوع قلم، رنگ و اندازه ها در صفحات وب است. Css از جنس زبان های نشانه گذاری با ساختار متن ساده رایانه است و درون هر کدام دستور هایی آبشار مانند و پی در پی برای چگونگی نمایش هر صفحه وب افزوده می‌شود. بیشترین استفاده ای که از این زبان در حال حاضر می شود مشخص کردن سبک صفحه وب Html و Xhtml است ولی آن را می‌توان بر هر نوع مستند Xml از جمله Svg اعمال کرد. نگهداری و تغییر مشخصات Css به عهده کنسرسیوم وب جهان گستر است.
💢 سرفصل های دوره :
◉ بخش HTML
☜ قسمت اول - معرفی دوره - انتخاب ادیتور
☜ قسمت دوم - بدنه اصلی - تگ پاراگراف - تگ em (برجسته کردن) - تگ i (برجسته کردن) - تگ strong (بولد کردن) - تگ b (بولد کردن) - تگ h1 تا h6 - کامنت گذاری
☜ قسمت سوم - ساخت لیست - تگ ul - تگ ol - آندر اسکور - افزودن تصویر - عرض و ارتفاع - ایجاد لینک - متصل کردن صفحات با استفاده از لینک - ایجاد جدول
☜ قسمت چهارم - افزودن موزیک - افزودن ویدیو - تگ hr - تگ br
☜ قسمت پنجم - گروه بندی - کلاس - آیدی - متا تگ ها - تگ های section ،aside ،nav ،footer ،header و address
◉ بخش CSS
☜ قسمت اول - مقدمه ای بر Css - متصل کردن فایل Css به Html - تغییر دادن رنگ پس زمینه - افزودن تصویر به پس زمینه - تنظیمات پس زمینه - تغییر دادن رنگ متن - تغییر دادن اندازه فونت - بولد کردن - تغییر دادن فونت - تراز کردن - کامنت گذاری
☜ قسمت دوم - فاصله بیرونی - فاصله درونی - بوردر - عرض و ارتفاع - جهت ها - موقعیت - هاور - کرسر - شفافیت - وب سایت واکنش گرا
☜ قسمت سوم - دکمه ها - اینپوت ها - تکست اریا - پلیس هولدر - ترانزیشن (وب کیت - موز - ام اس - او) - پس زمینه گرادیان خطی - بوردر ردیوس - یوزر سلکت - دایرکشن - تنظیم فاصله بین خطوط - سایه ها - ترنس فرم
✅ حاصل دوره
آشنایی کامل با HTML و CSS
⬅️ پیش‌نیاز
ندارد
👥 مخاطبین دوره
تمام علاقه مندان به خصوص طراحی وب
🛠 ابزار مورد نیاز
ابزار ذکر شده در آموزش
🔰 سر فصل دوره :
📌 جلسه 1- مقدمه
📌 جلسه 2- تگ های اولیه Html
📌 جلسه 3- ایجاد لیست، ایجاد لینک و..
📌 جلسه 4- افزودن فایل صوتی و تصویری
📌 جلسه 5- گروه بندی
📌 جلسه 6- دستورات اولیه Css
📌 جلسه 7- وب سایت واکنش گرا
📌 جلسه 8- تگ ها و دستورات تکمیلی در Html و Css
#ویدئو #فیلم #وب #اچ_تی_ام_ال #سی_اس_اس
#Video #Web #HTML #CSS
🆑 @Computer_IT_Engineering
📝 زبان: فارسی
🎥 تعداد ویدئوها: 8 ویدئو
⏱ مدت: حدود 4 ساعت و 20 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: مقدماتی
👤 مدرس: علی وحدت منزه
🌀سورس: دارد
🔗 منبع: تاپ لرن
💡 زبان Html و Css چیست ؟ Html در کنار Css هسته فن آوری ساخت صفحات وب هستند. Html زبان توصیف ساختار صفحات وب است. Html زبانی است برای نشانه گذاری فرا متن که برای تدوین قالب و طراحی صفحات وب به کار می برند. دستور العمل های این زبان برچسب Tag نام دارند که محتوای یک صفحه وب با آن‌ها نشانه گذاری شده و بدین ترتیب نحوه نمایش آن صفحه برای مرورگر های وب توصیف می‌شود. که تاکنون 5 نسخه از Html عرضه شده است. هر یک از برچسب های Html معنا و مفهوم خاصی دارند و تاثیر مشخصی بر محتوا می گذارند. مثلا برچسب هایی برای تغییر شکل ظاهری متن، نظیر ضخیم کردن و باریک کردن یک کلمه یا برقراری پیوند به صفحات دیگر در Html تعریف شده اند. یک سند Html یک پرونده مبتنی بر متن است که معمولا با پسوند Html یا Htm نام گذاری شده و محتویات آن از برچسب های Html تشکیل می شود. مرورگر های وب که قادر به درک و تفسیر برچسب های Html هستند تک تک آن ها را از داخل سند Html خوانده و سپس محتوای آن صفحه را نمایان سازی می کنند. Html اساسا برای ساخت مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار نظیر عناوین، تصاویر، فهرست ها، بند ها و جداول به کار می رود. از سوی دیگر Html را نباید به عنوان زبانی برای صفحه آرایی یا نقاشی صفحات وب به کار برد. این وظیفه اکنون بر دوش فن آوری های دیگری همچون Css است. گفتنی است Html شکلی از زبان دیگری به نام Sgml است و کنسرسیوم وب آن را به عنوان استانداردی برای نشانه گذاری مستندات فرا متنی برای عرضه در وب تدوین کرده است. Cssیک زبان برای ساخت شیوه نامه است که از آن برای توصیف نمایش یک سند که به یکی از زبان های نشانه گذاری مثل Html نوشته شده است استفاده می شود. Css یکی از فن آوری های بنیادین در کنار Html و JavaScript در وب جهان گستر است. Css روشی ساده برای نمایش چیدمان و جلوه های تصویری مانند نوع قلم، رنگ و اندازه ها در صفحات وب است. Css از جنس زبان های نشانه گذاری با ساختار متن ساده رایانه است و درون هر کدام دستور هایی آبشار مانند و پی در پی برای چگونگی نمایش هر صفحه وب افزوده می‌شود. بیشترین استفاده ای که از این زبان در حال حاضر می شود مشخص کردن سبک صفحه وب Html و Xhtml است ولی آن را می‌توان بر هر نوع مستند Xml از جمله Svg اعمال کرد. نگهداری و تغییر مشخصات Css به عهده کنسرسیوم وب جهان گستر است.
💢 سرفصل های دوره :
◉ بخش HTML
☜ قسمت اول - معرفی دوره - انتخاب ادیتور
☜ قسمت دوم - بدنه اصلی - تگ پاراگراف - تگ em (برجسته کردن) - تگ i (برجسته کردن) - تگ strong (بولد کردن) - تگ b (بولد کردن) - تگ h1 تا h6 - کامنت گذاری
☜ قسمت سوم - ساخت لیست - تگ ul - تگ ol - آندر اسکور - افزودن تصویر - عرض و ارتفاع - ایجاد لینک - متصل کردن صفحات با استفاده از لینک - ایجاد جدول
☜ قسمت چهارم - افزودن موزیک - افزودن ویدیو - تگ hr - تگ br
☜ قسمت پنجم - گروه بندی - کلاس - آیدی - متا تگ ها - تگ های section ،aside ،nav ،footer ،header و address
◉ بخش CSS
☜ قسمت اول - مقدمه ای بر Css - متصل کردن فایل Css به Html - تغییر دادن رنگ پس زمینه - افزودن تصویر به پس زمینه - تنظیمات پس زمینه - تغییر دادن رنگ متن - تغییر دادن اندازه فونت - بولد کردن - تغییر دادن فونت - تراز کردن - کامنت گذاری
☜ قسمت دوم - فاصله بیرونی - فاصله درونی - بوردر - عرض و ارتفاع - جهت ها - موقعیت - هاور - کرسر - شفافیت - وب سایت واکنش گرا
☜ قسمت سوم - دکمه ها - اینپوت ها - تکست اریا - پلیس هولدر - ترانزیشن (وب کیت - موز - ام اس - او) - پس زمینه گرادیان خطی - بوردر ردیوس - یوزر سلکت - دایرکشن - تنظیم فاصله بین خطوط - سایه ها - ترنس فرم
✅ حاصل دوره
آشنایی کامل با HTML و CSS
⬅️ پیش‌نیاز
ندارد
👥 مخاطبین دوره
تمام علاقه مندان به خصوص طراحی وب
🛠 ابزار مورد نیاز
ابزار ذکر شده در آموزش
🔰 سر فصل دوره :
📌 جلسه 1- مقدمه
📌 جلسه 2- تگ های اولیه Html
📌 جلسه 3- ایجاد لیست، ایجاد لینک و..
📌 جلسه 4- افزودن فایل صوتی و تصویری
📌 جلسه 5- گروه بندی
📌 جلسه 6- دستورات اولیه Css
📌 جلسه 7- وب سایت واکنش گرا
📌 جلسه 8- تگ ها و دستورات تکمیلی در Html و Css
#ویدئو #فیلم #وب #اچ_تی_ام_ال #سی_اس_اس
#Video #Web #HTML #CSS
🆑 @Computer_IT_Engineering