آموزش JavaScript ، CSS ، HTML

درباره آموزش HTML , CSS , JS

آموزش HTML , CSS , JavaScript

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

تکنولوژی وب از سه بخش مهم و اساسی تشکیل شده است : HTML، CSS و جاوا اسکریپت. شما با یاد گرفتن این سه تکنولوژی می توانید از تمامی امکانات وب استفاده کنید.

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

در دوره آموزش HTML , CSS , JavaScript علاوه بر آموزش HTML5 به آموزش CSS و آموزش جاوا اسکریپت نیز پرداخته خواهد شد.
احمد حجازی در این دوره تلاش کرده تا آموزش HTML به زبان ساده را در دستور کار قرار دهد و در فیلم های آموزشی و جزوات ارائه شده به زبان فارسی در طول دوره شروعی بی نظیر در دنیای وب را برای شما رقم بزند.

همچنین در صورت تمایل به شرکت در دوره حضوری طراحی وب می توانید به وب سایت CIWiran مراجعه کنید.

سرفصل ها و زمانبندی آموزش HTML , CSS , JS

تاریخ ارائه

بخش

درس

هفته

25 آذرماه 1397

مقدمه

معرفی HTML

هفته اول : ساخت صفحات وب با استفاده از HTML

نشانه گذاری مفهومی چیست؟

استفاده از نشانه گذاری مفهومی

معرفی HTML

HTML در مقابل XML

نسخه های مختلف HTML

مقدمه

ساختار و طرح صفحات وب

المان های HTML

المان های body و head

تمرین - ساخت یک صفحه HTML ساده

بررسی و اجرای یک صفحه وب

المان های متنی

المان های ابتدایی HTML

تمرین - افزودن المان های متنی به یک صفحه HTML

المان های بلوکی

المان های درون خطی

تمرین - ساخت یک صفحه HTML با استفاده از عناصر بلوکی و عناصر درون خطی

استفاده از تصاویر

فرمت دهی به متن ها

فرمت دهی المان های HTML

تمرین - فرمت دهی متن در یک صفحه HTML

راهنمای المان های فرمت دهی

فرمت دهی به متن با استفاده از attribute های HTML (راهکار منسوخ شده)

مقدمه

پیوند ها (Hyperlinks)

مبانی HTTP

بررسی لینک ها و لینک های خارجی

تمرین -  ساخت لینک های خارجی

لینک های داخلی

ساخت لینک های داخلی

تمرین - ساخت لینک به درون صفحه (لنگرها)

مقدمه

تکلیف 1

تکلیف سطح بالا

تکلیف تشریحی

آزمون 1

مقدمه

گرفتن اطلاعات ورودی از کاربر

هفته دوم: ایجاد ساختارهای پیچیده در HTML

المان های کنترلی برای دریافت ورودی 

فرم ها در HTML

دکمه Submit

تمرین - ساخت یک فرم HTML

اعتبارسنجی فیلدهای فرم به کمک ویژگی های HTML5

تمرین - اعتبار سنجی فرم های HTML

گروه بندی المان های فرم به کمک fieldset و legend

المان های فرم HTML5

مقدمه

المان های مفهومی در HTML5

المان های مفهومی رایج

تمرین - استفاده از المان های مفهومی در HTML5

استفاده از المان time

استفاده از المان figure

تمرین - استفاده از المان Figure

المان های  چندرسانه ای (صوت و ویدئو)

پیاده سازی کنترل های چند رسانه ای

فرمت های Video/Audio

تمرین - استفاده از المان های چندرسانه ای در HTML

استفاده از منابع جایگزین

مقدمه

مباحث تکمیلی

ساخت صفحات فارسی

مباحث تکمیلی فرمت دهی متن

لیست ها

جداول

مقدمه

تکلیف 2

تکلیف سطح بالا

تکلیف تشریحی

آزمون 2

2 دی ماه 1397

چرا CSS ؟

معرفی CSS

هفته سوم: طراحی صفحات وب با استفاده از شیوه نامه آبشاری (CSS)

ساختار و نحوه نگارش CSS

استفاده از CSS

تمرین - استفاده از CSS در یک صفحه HTML

استایل دادن به المان های HTML

تعریف استایل ها

استایل دادن به کلاس های CSS

تمرین - استفاده از کلاس های CSS

انتخابگر شناسه (ID Selector)

انتخابگر فرزند

تمرین - استفاده از انتخابگرهای CSS

به ارث رسیدن استایل های CSS

وراثت استایل ها

ترتیب و اولویت وراثت استایل ها

حاشیه داخلی و خارجی (margin و padding)

مدل جعبه ای

تمرین - مدیریت فضای اطراف المان ها در HTML

خطوط مرزی (border)

بررسی Media Queries در CSS

تمرین - استفاده از Medi Query ها در CSS

ویژگی های دیگر media query ها

خواص CSS مرتبط با فونت ها

فونت ها

تمرین - استفاده از فونت های درون ساخته درCSS

ارتباط با فونت های خارجی در CSS

تمرین - استفاده از فونت های خارجی در CSS

مقدمه

تکلیف 3

تکلیف سطح بالا

تکلیف تشریحی

آزمون 3

9 دی ماه 1397

معرفی جاوا اسکریپت

معرفی جاوا اسکریپت

هفته چهارم: پیاده سازی منطق برنامه با استفاده از جاوا اسکریپت

تمرین- افزودن جاوا اسکریپت به صفحه

عبارت های ساده (قسمت 1- متغیرها)

عبارت های ساده (قسمت 2 - عملگرها)

استفاده از اشیاء مرورگر

عملگرها

عبارت های کنترلی

تمرین - استفاده از فایل های جاوا اسکریپت

معرفی نوع ها

نوع ها در جاوا اسکریپت

انواع داده اولیه

توابع

آرایه ها

داده های تعریف نشده و تهی

تمرین - کار با انواع داده

کار با اشیاء JSON

اشیاء در جاوا اسکریپت

اشیاء (Objects)

اشیاء محلی

تمرین - کار با اشیاء

توابع CallBack

رویدادها در جاوا اسکریپت

رویدادهای حبابی

توابع مراتب بالاتر

تمرین - کار با توابع

درباره Jquery

jQuery

تمرین - اضافه کردن Jquery

انتخابگرها و متدها در Jquery

تمرین - استفاده از متدهای Jquery

مقدمه

تکلیف 4

دستورالعمل

نتیجه

آزمون 4

16 و 17 دی ماه 97

آزمون پایانی

 

+نمایش

معرفی استاد دوره


احمد حجازی

احمد حجازی مهندس نرم افزار، مدیر سیستم، و متخصص در سیستم های مبتنی بر وب است. احمد به عنوان برنامه نویس، طراح وب، مدیر سرور لینوکس، مشاور IT و مدرس، با شرکت های متعددی همکاری نموده است و در حال حاضر به طراحی و توسعه وب و تدریس اشتغال دارد.

72 پاسخ به “آموزش JavaScript ، CSS ، HTML”

  1. سلام. امکانش هست دوره‌های کدنویسی و وب رو به انگلیسی بذارید؟ به نظرم یادگرفتنش خیلی راحت‌تر میشه، حداقل برای من که اینطوره. اصطلاح‌های ترجمه‌شده یه‌کم گیج‌کننده‌ان.

    • سلام
      برای دسترسی به آموزش ها با زبان انگلیسی بهتون پیشنهاد میکنم از edx.org یا coursera.org استفاده کنید. در gotoclass آموزش ها به زبان فارسی ارائه خواهد شد.

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

    • سلام
      در صفحه ثبت نام به جدول زمانبندی توجه کنید. تاریخ شروع دوره در جدول زمانبندی قابل مشاهده است
      همچنین در مقابل دوره در لیست دوره های من، میتونید تاریخ باز شدن دسترسی خودتون به دوره رو مشاهده کنید.

    • سلام ثبت نام باز هست و مشکلی برای ثبت نام ندارید

      لطفا مرورگر خودتون رو با استفاده از ( Ctrl+Shift+R ) رفرش کنید و مجددا تلاش کنید اگر مشکلتون پا برجا بود با پشتیبانی تماس بگیرید ( 02141867- داخلی 453 یا 456 )

  3. با سلام
    من با تاخیر ۲ هفته ای این دوره را ثبت نام و شروع کردم . تمام دروس را خوانده و بخاطر زیغ وقت فقط آزمونها را دادم .
    1- آیا مشکلی در آزمون پایانی نخواهم داشت؟
    2- نحوه نمره دهی این دوره به چه صورت است؟

    • سلام
      خیر مشکلی براتون پیش نخواهد آمد
      نحوه توزیع نمره :
      آزمون های هفتگی :40 درصد کل نمره
      آزمون پایان ترم : 60 درصد کل نمره
      ****حدنصاب قبولی، 60 درصد می باشد

  4. با عرض سلام و خسته نباشید
    من وقتی ثبت نام رو کلیک میکنم صفحه به صورت کامل لود نمیشه
    در قسمت لطفا منتظر بمانید گیر میکنه
    ایراد از کجای کاره؟؟
    با تشکر از سایت بی نظیرتون

  5. سلام
    من میخوام در این دوره ثبت نام کنم اما هر چی دکمه ثبت نام رو میزنم هی میگه لطفا منتظر بمانید بعد ساعتها همینجوری هست و اتفاقی نمیوفته، میشه کمکم کنید؟

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

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

  7. با سلام
    آیا تمام آموزش هایی که الان بصورت رایگان ثبت نام کردم ولی بعدا ممکن است از حالت رایگان برداشته بشه امکان استفاده من از آنها باز میمونه؟
    و اینکه برای مدرک باید چیکار کنم؟منظور هزینه مدرک ها چقدر است؟

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

  8. با سلام
    هنگام ثبت نام دوره براي من مي نويسه “ثبت نام بسته شده است”
    به اين معنيه كه زمان ثبت نام تموم شده و امكان ثبت نام نيست؟

    • سلام
      الان ثبت نام باز هست
      ممکنه مشکل مربوط به کش مرورگرتون باشه
      لطفا با استفاده از دکمه های Ctrl+Shift+R صفحه مرورگرتون رو رفرش کنید

  9. سلام خسته نباشید.
    اگه تو این دوره شرکت کنیم و به نمره ی حدنساب برسیم و با پرداخت هزینه ی مدرک به ما مدرک داده میشه ؟

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

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

  11. سلام با تشکر از شما
    من میخوام این دوره رو برم ولی متاسفانه با خطای این دوره بسته شده است مواجه میشم باید چی کار کنم ؟
    اگه میتونید برام فعالش کنید نیار فوری بهش دارم نمیتونم صبر کنم تا دوره بعدی شروع بشه

    • سلام
      ثبت نام در دوره فعال هست و مشکلی پیدا نشد
      در صورت پابرجا بودن مشکل لطفا با واحد پشتیبانی تماس بگیرید ( info@gotoclass.ir یا 02141867 داخلی 453 و 456 )

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

  13. با سلام
    امكان استفاده از اين دوره وجود نداره؟
    در قسمت يافتن دوره ؛ فقط لودينگ ميشه و مي نويسه صبر كنيد … مشكل كجاست؟

    • سلام
      ثبت نام باز هست و مشکلی وجود نداره
      اگر مشکل شما پا برجاست با پشتیبانی تماس بگیرید

  14. چقدر نصفه نیمه بود همه چی . نه css رو درست پوشش داده نه جاوا اسکریپت رو . باز خوب بود پول ندادیم بابتش

    • سلام
      من حدس میزنم شما صرفا فیلم ها رو دیده باشید
      دوره شامل فیلم، جزوه و تمرین هست اگر محتوای دوره رو به صورت آنلاین دنبال کنید احتمالا نیمه گم شده رو پیدا میکنید

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

  16. سلام
    پیشاپیش ممنون از پاسخگوییتون چندتا سوال داشتم اینکه این دوره همچنان ظرفیت برای ثبت‌نام داره و اینکه دقیقا دوره از چه زمانی شروع شده یا میشه چون در جدول زمانبدی برای کلی از سرفصل‌ها تاریخ ۲ فروردین اعلام شده؟ و سوال بعدیم اینه که برای کسی مثل من که اصلا شناختی از مباحث برنامه نویسی ندارم آیا مطالب از سطح پایین شروع میشه یا نه؟ ممنون

    • سلام
      دوره رو وقتی ثبت نام بکنید طبق همین جدول زمانبندی آغاز خواهد شد
      این دوره نیز از سطح مقدماتی آغاز خواهد شد

  17. سلام و خسته نباشيد.
    اگه در دوره اي شرکت کنيم و آنلاين نباشيم ويديوهاي ضبط شده در اختيارمون قرار ميگيره؟
    و اينکه حتما بايد آزمون بديم؟ امکانش هست آزمون جداگانه اي داد مثلا چند ماه بعد؟

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

    • سلام خیر مهلت تموم نشده
      احتمالا مربوط به ترافیک شلوغ سایت بوده ضمن عذرخواهی از شما لطفا مجددا تلاش کنید

  18. سلام.
    در سرفصل دوره آموزش js هست.
    اما وقتی ثبت نام کردم در محتوای دوره تا آزمون ۳ بیشتر نداره.
    و سر فصل js نیست.

    • سلام
      js در هفته چهارم که محتواش طبق جدول زمانبندی براتون باز میشه قرار خواهد داشت. تا باز شدن محتوای هفته چهارم صبر کنید

  19. سلام
    آزمون پایانی ۲۱ آبان بوده اما هنوز لینک ثبت نام فعال هست
    آیا میشه الان ثبت نام کرد و اگه آره امتحان و مدرکش به چه صورته؟
    ممنون

  20. باسلام و خسته نباشید
    خدمتتون عرض کنم من خودم در دوره شرکت کردم ولی به دلایل مشغله کاری نتوانستم تمام دوره را مطالعه کنم آیا امکان امتحان مجدد درتاریخ دیگری میباشد؟

  21. باسلام و احترام
    چرا تصویری از نمونه مدرکی که ارائه میدهید نیست چون دوستان من در دوره های دیگری که شرکت کردند در یک صفحه ای هست
    باتشکر

  22. سلام من مدتی با زبان HTML ,PHP. البته بدونه گذرون دوره های مهارتی کار کردم تو ساخت وبلاگ و طراحی قالب به نظر شما اگه بخوام برای شروع یه دوره رو انتخاب کنم بهترین گزینه چی هستش برای من؟

    • سلام
      این دوره، تقریبا مقدماتی محسوب میشه باز هم باید بخش های رایگان رو ببینید و خودتون تصمیم بگیرید

    • همواره به محتوا دسترسی خواهید داشت و هیچ گاه دسترسی تون بسته نمیشه
      مگر اینکه خودتون گزینه حذف دوره رو بزنید

    • سلام
      محدودیت زمانی برای دسترسی به دوره وجود نداره تنها محدودیت مربوط به آزمون های میان ترم و پایان ترم می باشد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *