دوره ویدئویی : آموزش 0 تا 100 کدنویسی html+css

دوره ویدئویی : آموزش 0 تا 100 کدنویسی html+css

فرصتی ویژه برای علاقه مندان به یادگیری کدنویسی وبسایت (اچ تی ام ال – سی اس اس و فریم ورک قدرتمند بوت استرپ)

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

از آنجایی که کلاس ها به صورت ویدئویی می باشد ، پس از ضبط هر کلاس فیلم آن خدمت شما ارائه خواهد شد . فیلم ها به صورت دو یا سه جلسه جلسه در هفته ارائه خواهند شد

[su_box title=”در جال حاضر دوره لغو شد” style=”bubbles” box_color=”#eb070d” title_color=”#ffffff”]به دلیل مشغله های فراوان دوره تا ابتدای عید لغو شد . ادامه کلاس ها اول فروردین شروع شده و انشالله تا انتهای فروردین به اتمام خواهد رسید با عرض پوزش از همه ی شما بزرگواران[/su_box]

آمار بروزرسانی ها :

1. جلسه اول چهارشنبه دوم اسفند برگذار و بارگذاری شد
2. جلسه دوم شنبه پنجم اسفند برگذار و بارگذاری شد
3. جلسه سوم چهارشنبه نهم اسفند برگذار و بارگذاری شد
4. جلسه چهارم دوشنبه چهاردم اسفند بارگذاری خواهد شد (به دلیل هماهنگ شدن اعضای جدید)

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

[su_button url=”http://my.vahabonline.ir/cart.php?a=add&pid=190″ target=”blank” style=”3d” background=”#2870d4″ size=”5″ center=”yes” radius=”5″ icon=”icon: bullhorn”]ثبت نام در دوره ویدئویی : آموزش 0 تا 100 کدنویسی[/su_button]

دوره ویدئویی : آموزش 0 تا 100 کدنویسی html+css

در این دوره ما به شما یاد میدیم که چطور تبدیل به یک طراح سایت حرفه ای بشید و بتونید یک طرح که در فوتوشاپ (PSD) طراحی شده رو به صورت کاملا حرفه ای و استاندارد کدنویسی کنید

ما در واقع به شما یاد میدیم که چطور Html و Css رو قورت بدید و تبدیل به یک طراح سایت حرفه ای بشید .

شرکت در این دوره ما وابسته به هیچ پیشنیازی نیست و قراره از بیس Cssو Html بصورت کامل تدریس بشه و شما از صفر این دو زبان و البته فریم ورک قدرتمند بوت استرپ رو یاد خواهید گرفت . تنها پیش نیازهای این دوره یک آشنایی جزئی با مباحث سایت چیست و وبمستر کیست و… که جزئی ترین مواردی است که یک وبمستر باید بداند می باشد و پیش نیاز دوم هم صبر و حوصله هست

خب حالا که متوجه شدید قضیه از چه قراره بهتون پیشنهاد میکنم که این فایل ویدئویی زیر رو Play کنید تا کامل با این دوره و مواردی که قراره یاد بگیرید آشنا بشید

پس از شرکت در این دوره چه چیزهایی خواهید آموخت :

[su_accordion]
[su_spoiler title=”معرفی ، آشنایی و آموزش کامل html شامل :” open=”no” style=”default” icon=”plus” anchor=”” class=””]

• درباره html بیشتر بدانیم
• معرفی ادیتور ها
• آشنایی با اصول html
• آشنایی با المنت ها و Attributes
• آشنایی و معرفی هدینگ ها (سرتیترها) و اهمیت آنها
• پاراگراف ها
• استایل دهی به المنت ها و انواع روش ها
• آشنایی و معرفی عناصر قاب بندی متن html
• نقل قول ها و اهمیت آن ها
• کامنت گذاری و کاربردهای آنها
• رنگ ها و نحوه ی مقدار دهی آنها
• آشنایی با استایل دهی درونی
• آشنایی با لینک ها و اهمیت آنها
• آشنایی با تصاویر و اهمیت آنها
• تیبل ها را بشناسیم و از آنها در مکان های مورد نیاز استفاده کنیم
• آشنایی با لیست ها و نحوه ی استفاده از آنها و اهمیت آنها
• معرفی المنت های بلوکی و خطی و کاربرد و اهمیت آنها
• آشنایی با کلاس ها و آیدی ها و کاربرد و اهمیت آنها
• ای فریم چیست و چگونه کار میکنه و چه ویژگی هایی داره
• مسیر دهی به انواع فایل ها و نحوه ی مسیردهی
• معرفی و اهمیت تگ هد
• اموزش چیدمان عناصر html + مثال کاربردی
• ریسپانسیو؟؟؟؟!!!!!!!!!
• معرفی تگ های نمایش کدهای برنامه نویسی
• اشیا در html
• سمبل ها در html
• راستی از انکودینگ صفحه چه خبر ؟!
• آشنایی و آموزش کار با فرم ها و انواع المنت های آن
• انواع ویژگی های input ها
• آشننایی با html5 و تفاوت های آن با HTML
• پشتیبانی html5 در مرورگرهای جدید و قدیم
• معرفی تگ های جدید html5 و کاربرد آنها
• مهاجرت از html4 به html5 با چند قدم ساده و جالب
• گوگل مپ در html5
• آموزش و آشنایی با انواع فایل های چند رسانه ای در html5

[/su_spoiler]
[su_spoiler title=”معرفی ، آشنایی و آموزش کامل Css شامل :” open=”no” style=”default” icon=”plus” anchor=”” class=””]

• درباره css بیشتر بدانیم
• کاربردهای css
• معرفی سینتکس های css
• آموزش استفاده از css در html به انواع روش ها
• رنگ ها در css
• بک گراند و خط ها در css
• آشنایی margin ها و padding ها و نحوه ی استفاده و تفاوت آنها
• آشنایی با طول و عرض و سینتکس های هم خانواده
• مدل باکس ها در css
• آشنایی و معرفی عناصر مربوط به متن ها (رنگ – نحوه ی نوشتن و…)
• کار با فونت ها و آموزش تبدیل انواع فونت ها برای استفاده در صفحات وب
• آیکون فونت ها را بشناسید و از آنها به راحتی استفاده کنید
• خواص لینک ها
• خواص لیست ها
• جدول بندی رو قورت بدید
• چطور نمایش بده ؟
• با بیشترین ها و کمترین ها آشنا شوید
• موقیت ها رو فراموش نکنیم
• اسکرول ها رو در دست بگیریم
• چپ و راست ها چیزای جالبی هستند
• ارث بری ها رو کامل یاد بگیرید و هرگز فراموش نکنید
• شبه کلاس ها رو بشناسید و استفاده کنید
• شبه عناصر رو بشناسید و استفاده کنید
• فیلتر های نور
• خب وقتشه منوی بازشو بسازیم
• راهنماهای جالب بسازیم
• از تکنیک Sprites در صفحات و کارهامون استفاده کنیم
• آموزش صفت ها و نحوه ی استفاده از آنها
• آشنایی و معرفی انواع واحد های اندازه در css
• گرد کردن و تصویر برای بردرها
• بک گراند و مقادیر مربوط به آن
• گرادیانت چیست و چگونه با css بسازیم
• آموزش سایه باکس و سایه متن
• انواع خاصیت های text
• انیمیشن های دو بعدی در css
• انیمیشن های سه بعدی در css
• حرکت در css
• آشنایی کلی با انیمیشن ها در css
• خاصیت های تصاویر
• آشنایی با کلید ها (button) ها
• جعبه فلکس بسازید
• ریسپانسیو !!!!!!!!!!!!!!!!!!!!!
• راستی داشت کامنت گذاری رو یادم میرفت

[/su_spoiler]
[su_spoiler title=”اما از هرچه بگذریم بوت استرپ خوشتر است” open=”no” style=”default” icon=”plus” anchor=”” class=””]

• فریم ورک چیه و یا بوت استرپ چیه و چه کاربردی داره ؟
• گرید ها
• تایپولوژی
• جدول ها
• عکس ها
• Jumbotron
• well
• هشدار ها
• کلید ها
• کلیدهای گروهی
• فونت آیکون گلی فی کانز
• مدل ها و برچسب ها
• نوار وضعیت
• شمارش صفحات
• کلید های هدایت به صفحه بعد و قبل
• لیست گروهی
• پنل ها
• کلید های باز شدنی (دراپ دان)
• Collapsible
• تب ها
• منو ها
• فرم ها
• input
• input 2
• سایز input ها
• اشیا و رسانه ها
• اسلایدر
• مدل ها
• تول تیپ (راهنما)
• راهنمای بازشو
• Scrollspy
• Affix

[/su_spoiler]
[/su_accordion]

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

ما به شما تضمین میکنیم که بعد از گذراندن این دوره شما می توانید هر طرحی رو تبدیل به Html+Css کنید

مدت زمان این دوره حدود 20 جلسه 15 تا 40 دقیقه ای است که بصورت ویدئو و همراه با پرسش و پاسخ برگذار خواهد شد

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

ما تمام کدها را خودمان با دست می نویسیم

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

پرسش و پاسخ فقط برای کلاس های آنلاین نیست !

ما تدبیری اندیشیده ایم که شما می توانید طی سه ماه تمام سوالاتتون رو به صورت کامل از ما بپرسید و ما بصورت کامل خدمتتون توضیحات و راهنمایی ارائه کنیم

اگر نمیتوانستید به صورت آنلاین در کلاس ها شرکت کنید این دوره ویدئویی بهترین انتخاب شماست

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

[su_button url=”http://my.vahabonline.ir/cart.php?a=add&pid=190″ target=”blank” style=”flat” background=”#28d45a” size=”5″ wide=”yes” center=”yes” radius=”0″ icon=”icon: shopping-cart”]ثبت نام در دوره ویدئویی : آموزش 0 تا 100 کدنویسی html+css[/su_button]

[su_divider top=”no” style=”dashed” divider_color=”#e9e0e0″ link_color=”#e4dbdb”]

[su_row]
[su_column size=”1/2″ center=”no” class=””]

[/su_column]
[su_column size=”1/2″ center=”no” class=””]
وهاب سید چورته کیست
– برنامه نویسی و توسعه دهنده تحت وب
– اولین طراح و توسعه دهنده whmcs در ایران
– مدیر عامل وبسایت وهاب آنلاین
– برنامه نویس و توسعه دهنده وردپرس
[/su_column]
[/su_row]

پاسخ به سوالات متداول

[su_spoiler title=”این دوره برای چه کسانی مناسب است ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
افرادی که دوست دارند طراح سایت شوند و یا دوست دارند وبسایتشان را خودشان طراحی کنند
افرادی که دوست دارند طراحی سایت را یاد گرفته و وارد بازار کار شوند و بتوانند کسب درآمد کنند
[/su_spoiler]
[su_spoiler title=”مبلغ این دوره چقدر است ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
مبلغ این دوره فقط 149 هزار تومان است که به نظر ما بسیار ارزان است . مطالبی که در این دوره یاد میگیرید شما را قادر می سازد وارد بازار کار طراحی سایت شوید و بتوانید ماهانه درآمدهای بسیار بالایی داشته باشید . اگر همین دوره را در سایت یا شرکت و یا آموزشگاه دیگری شرکت کنید هزینه آن بین 600 هزار تومان تا 2 ملیون تومان خواهد بود . مهارتی که در این دوره یاد می گیرید شما را قادر می سازد تا آخر یک شغل پر درآمد داشته باشید .
[/su_spoiler]
[su_spoiler title=”آیا این دوره برای کسانی که میخواهند طراح وردپرس شوند مناسب است ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
در جواب به این سوال باید بگوییم بله . درسته که این دوره فقط html و css رو به صورت کامل یاد میگیرید اما پیش نیاز همه طراح های سایت دانستن html و css هست . پس اگر میخواهید طراح سایت وردپرس شوید اول باید html و css را حرفه ای بلد باشید و بعد بتوانید از کدهای آماده وردپرس در قالب خود استفاده کنید[/su_spoiler]
[su_spoiler title=”شما طراحی وردپرس هم آموزش می دهید ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
همانطور که در پاسخ به سوال قبلی اشاره کردم پیش نیاز الزامی وردپرس html و css هست . پس از اتمام این دوره ما دروه دیگری برای وردپرس ارائه خواهیم کرد که البته پیش نیاز اصلیش دانستن html و css بصورت حرفه ای هست که با شرکت در این دوره شما آنرا فرا خواهید گرفت
[/su_spoiler]
[su_spoiler title=”طرحی که با توجه به مطالب این دوره کدنویسی می شود چه امکاناتی دارد ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
ما در این دوره یک طرح وبسایت دانلودی را کدنویسی خواهیم کرد . قبل از هر چیز این طرح ریسپانسیو هست
با فریم ورک بوت استرپ کدنویسی می شود
دارای منو و زیر منو است
این طرح یکبار با فریم ورک بوت استرپ کدنویسی می شود و یکبار هم بدون آن تا شما حرفه ای شوید
از تمام عناصر html+css در این طرح استفاده خواهیم کرد
[/su_spoiler]
[su_spoiler title=”برای ادامه راه ما پیشنهادی دارید ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
مطمئنا بله .
ما به شما منابعی را معرفی خواهیم نمود که شما می توانید همیشه به آنها سر زده و علم خود را بروز نگه دارید .
و همچنین برای شما پیشنهاداتی داریم که وارد بازار کار شوید و بتوانید خودتان پروژه گرفته و تحویل مشتری دهید و کسب درآمد کنید
[/su_spoiler]
[su_spoiler title=”من نیاز به چه دانشی دارم تا در این دوره شرکت کنم ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
این دوره پیش نیاز خاصی نداره و فقط آگاهی اندک از مباحث وبمستری که به صورت نمونه سایت چیست . وبلاگ چیست ؟ چطور یک سایت راه اندازی کنیم و… می باشد که از ساده ترین و پیش پا افتاده ترین مباحث می باشد
[/su_spoiler]
[su_spoiler title=”آیا مطالب این دوره در سطح نت یافت می شود ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
مطمئنا بله . اما اگر شما بخواهید طبق آموزش های رایگان موجود در نت html و css رو یاد بگیرید بیش از 2 سال زمان نیاز است تا با تمام عناصر و مفاهیم آن آشناشوید . اما ما این راه طولانی شا رو تنها در 20 جلسه خلاصه میکنیم و شما قادر خواهید بود یک طراح حرفه ای شوید
[/su_spoiler]
[su_spoiler title=”آیا کلاس ها پرسش و پاسخ دارند ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
مطمئنا بله . در ساعات کلاس زمانی را برای پرسش و پاسخ در نظر خواهیم گرفت و علاوه بر آن راه کاری اندیشیده ایم که بتوانید در طی سه ماه تمام مشکلات و سوالاتتون رو به صورت مستقیم از ما بپرسید و پاسخ آنرا دریافت نمایید
[/su_spoiler]
[su_spoiler title=”این کلاس ها چگونه برگذار می شوند ؟” open=”no” style=”default” icon=”plus” anchor=”” class=””]
این دوره به صورت فایل ویدئویی می باشد و سوالات و مشکلات از طریق روش های اعلام شده انجام می شود
[/su_spoiler]

[su_button url=”http://my.vahabonline.ir/cart.php?a=add&pid=190″ target=”blank” style=”flat” wide=”yes” center=”yes” radius=”0″ icon=”icon: shopping-cart”]ثبت نام در دوره ویدئویی : آموزش 0 تا 100 کدنویسی[/su_button]

نمونه ویدئو از دو جلسه اول با سرعت بالا :