subscriptionsآموزش ویدیویی و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته)

۳۳۴ رای ۹.۲

access_time طول دوره۵۸ ساعت
event_seat تعداد جلسات۳۳ جلسه
people دانشجویان۱۱۶۳ نفر
headset_mic پشتیبانی دوره۳ ماه

قیمت : ۱۱۲ هزار تومان

schedule بیش از 58 ساعت آموزش ویدیویی - 5.5 گیگابایت محتوای آموزشی
list جلسات description توضیحات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. دوره مجازی جاوااسکریپت (جلسه 1): معرفی جاوااسکریپت و قدرت آن، پیشنیازها و آماده سازی محیط کار play_circle_outlined
  2. دوره مجازی جاوااسکریپت (جلسه 2): قرارداد ها، شروع کدنویسی حساب شده و مفاهیم پایه ! play_circle_outlined
  3. دوره مجازی جاوااسکریپت (جلسه 3): انواع مختلف داده ها و متغیرها در جاوااسکریپت play_circle_outlined
  4. دوره مجازی جاوااسکریپت (جلسه 4): عملگرهای محاسباتی، منطقی، مقایسه ای در جاوااسکریپت play_circle_outlined
  5. دوره مجازی جاوااسکریپت (جلسه 5): ورودی/خروجی و ساختارهای شرطی جاوااسکریپت play_circle_outlined
  6. دوره مجازی جاوااسکریپت (جلسه 6): آرایه ها، اشیاء ، ساختارهای کنترلی و حلقه ها play_circle_outlined
  7. دوره مجازی جاوااسکریپت (جلسه 7): تعریف توابع دلخواه در جاوااسکریپت، نکات و ترفندها play_circle_outlined
  8. دوره مجازی جاوااسکریپت (جلسه 8): اشیاء و برنامه نویسی شی گرا در جاوااسکریپت play_circle_outlined
  9. دوره مجازی جاوااسکریپت (جلسه 9): اشیاء، توابع و متدهای پیش تعریف شده در جاوااسکریپت play_circle_outlined
  10. دوره مجازی جاوااسکریپت (جلسه 10): event ها و کنترل رفتار کاربران در جاوااسکریپت play_circle_outlined
  11. دوره مجازی جاوااسکریپت (جلسه 11): مدل BOM و تعامل جاوااسکریپت با مرورگرکاربر play_circle_outlined
  12. دوره مجازی جاوااسکریپت (جلسه 12): مدل DOM، تغییر در تگ های صفحه وب و شی Element play_circle_outlined
  13. دوره مجازی جاوااسکریپت (جلسه 13): مدل DOM، شی document و انجام تغیرات پویا در صفحه وب play_circle_outlined
  14. دوره مجازی جاوااسکریپت (جلسه 14): توابع زمانی، خطایابی و تشخیص خطا در جاوااسکریپت play_circle_outlined
  15. دوره مجازی جاوااسکریپت (جلسه 15): کدنویسی چند پروژه عملی و کاربردی play_circle_outlined
  16. دوره مجازی جاوااسکریپت (جلسه 16): آشنایی با جی کوئری و قواعد نوشتاری آن play_circle_outlined
  17. دوره مجازی جاوااسکریپت (جلسه 17): دستکاری و انجام تغیرات در صفحات وب با jQuery play_circle_outlined
  18. دوره مجازی جاوااسکریپت (جلسه 18): مدیریت رویدادها و نکات مهم در کدنویسی جی کوئری play_circle_outlined
  19. دوره مجازی جاوااسکریپت (جلسه 19): انیمیشن ها ، متدهای فیلترینگ و پیمایش در جی کوئری play_circle_outlined
  20. دوره مجازی جاوااسکریپت (جلسه 20): عبارت های منظم و اعتبارسنجی فرم ها play_circle_outlined
  21. دوره مجازی جاوااسکریپت (جلسه 21): عبارت های منظم و اعتبارسنجی فرم ها - بخش دوم play_circle_outlined
  22. دوره مجازی جاوااسکریپت (جلسه 22): XML و JSON و کاربرد آن ها play_circle_outlined
  23. دوره مجازی جاوااسکریپت (جلسه 23): آموزش کدنویسی Ajax با جاوااسکریپت خالص play_circle_outlined
  24. دوره مجازی جاوااسکریپت (جلسه 24): آموزش کدنویسی Ajax با کتابخانه جی کوئری play_circle_outlined
  25. دوره مجازی جاوااسکریپت (جلسه 25): آموزش نحوه صحیح نوشتن کتابخانه (library) برای جاوااسکریپت play_circle_outlined
  26. دوره مجازی جاوااسکریپت (جلسه 26): آموزش نحوه صحیح نوشتن افزونه (plugin) های جی کوئری play_circle_outlined
  27. دوره مجازی جاوااسکریپت (جلسه 27): پروژه - طراحی پلاگین closable (افزودن قابلیت بسته شدن به تگ ها) play_circle_outlined
  28. دوره مجازی جاوااسکریپت (جلسه 28): پروژه - طراحی و پیاده سازی پلاگین Tooltip play_circle_outlined
  29. دوره مجازی جاوااسکریپت (جلسه 29): پروژه - کدنویسی پلاگین اعتبارسنجی فرم ها (Form Validation) play_circle_outlined
  30. دوره مجازی جاوااسکریپت (جلسه 30): پروژه - طراحی و پیاده سازی پلاگین Modal play_circle_outlined
  31. دوره مجازی جاوااسکریپت (جلسه 31): پروژه - طراحی و پیاده سازی منوهای آکاردئونی play_circle_outlined
  32. دوره مجازی جاوااسکریپت (جلسه 32): پروژه های اسلایدر، منوی کناری مخفی و محتوای تب دار play_circle_outlined
  33. دوره مجازی جاوااسکریپت (جلسه 33-آخر): نکات باقیمانده، پیشرفته، توصیه ها و جمع بندی play_circle_outlined
description توضیحات کوتاه دوره

پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !

دموی اسکریپت ها و پروژه های نوشته شده در دوره جامع آموزش جاوااسکریپت و جی کوئری

:: دموی پروژه های جامعی که از 0 تا 100 در این دوره کدنویسی شده اند رو می تونید از اینجا ببینید :

پلاگین Closable پلاگین Tooltip پلاگین Validate پلاگین Modal منوی Accordion منوی مخفی کناری باکس های تب دار اسلایدر پیشرفته اسلایدر پیشرفته تمام صفحه

 

دانلود فایل PDF سرفصل ها با جزئیات دقیق و به تفکیک جلسات ویدیویی

 

:: سرفصل ها دوره آموزشی جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته)

فصل 1 : معرفی جاوااسکریپت و قدرت آن، پیشنیازها و آماده سازی محیط کار

فصل 2 : قرارداد ها، شروع کدنویسی حساب شده و مفاهیم پایه !

فصل 3 : انواع داده ها، متغیر ها و عملگرها در زبان جاوااسکریپت

فصل 4 : آرایه ها، ساختارهای شرطی و حلقه ها در جاوااسکریپت (+پروژه)

فصل 5 : تعریف توابع دلخواه در جاوا اسکریپت

فصل 6 : اشیاء و برنامه نویسی شی گرا در جاوااسکریپت

فصل 7 : معرفی توابع، کلاس ها و اشیاء پیش ساخته در جاوااسکریپت

فصل 8 : رویدادها - کنترل و مدیریت رفتار کاربر در صفحات وب (+ چند پروژه)

فصل 9 : مدل های DOM و BOM و ویرایش پویای عناصر صفحه وب توسط جاوااسکریپت (+پروژه)

فصل 10 : رویدادهای زمانی و اجرای خودکار کدها در بازه های زمانی تعیین شده (+پروژه)

فصل 11 : مدیرت خطا و نحوه تشخیص و رفع مشکلات کدهای جاوااسکریپت

فصل 12 : جی کوئری، انجام کار بیشتر با کدنویسی کمتر و راحت تر!

فصل 13 : معرفی ساختار، رویدادها و توابع زنجیره ای جی کوئری

فصل 14 : انیمیشن ها، و امکانات جالب زبان جی کوئری (+پروژه)

فصل 15 : عبارت های منظم و اعتبارسنجی فرم های موجود در صفحات وب (+پروژه)

فصل 14 : معرفی XML و JSON و کاربردهای آن ها 

فصل 17 : Ajax و جادوگری در صفحات وب! (+پروژه)

فصل 18 : آموزش اصولی نحوه پلاگین نویسی با جاوااسکریپت و جی کوئری (+پروژه)

فصل 19 : پیاده سازی چندین پروژه عملی و کاربردی (اسلایدر، لایت باکس، باکس تب دار و ... )

فصل 20 : مباحث باقیمانده و پیشرفته جاوااسکریپت

فصل 21 (آخر): جمع بندی، معرفی منابع و توصیه های مهم

ز.میرزایی

سلام وقت بخیر
استاد آوند می خواستم بدونم آیا مباحٍث زیر در دوره مطرح شده یا خیر
Browser Event Propagation
Browser API
ساخت ماژول ها
فریم ورک های جاوا اسکریپت

لقمان آوند

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

ایمان ملکی

تابع print خروجی را روی صفحه مرورگر نمایش نمیده بلکه تنظیمات پرینت ظاهر میشه. با تغییر نام به myprint هم تنظیمات پرینت نمیاد اما خروجی روی مرورگر نمایش داده نمیشه. چه باید کرد؟

لقمان آوند

دقت کنید نام تابع رو درست وارد کرده باشید. حروف کوچک و بزرگ هم مهمند.

حمیدرضا صفری

سلام دوستان من بازی شکار پشه رو که جناب آوند در این جلسه طراحی کردن رو گسترش دادم
به این صورت که تعداد پشه ها بین 1 تا 10 هر بار به صورت تصادفی ایجاد میشه و وقتی که آخرین پشه شکار بشه پیام برنده شدن ظاهر میشه
من لینک دانلودش رو براتون میذارم
فقط لطفا هر کس که تا پایان این دوره این بازی رو گسترش میده اگه دوس داره با بقیه به اشتراک بذاره تا هممون از تجربیات همدیگه استفاده کرده باشیم
مرسی
https://trainbit.com/files/6662362884/7LearnExtendedGame.zip

لقمان آوند

خیلی خوبه
ممنون از تلاشتون

Pezhman Heidary

با سلام و خسته نباشید خدمت شما،،،ما از چه سایتی و منبعی میتونیم درمورد این تمرینات اطلاعات کسب کنیم،مثلا تمرین اخر جلسه هفتم،درموردر …call value,پیدا کردنش برای من غیر ممکن بود مگر از سایت های خارجی که متاسفانه اصلا متوجه نمیشم!ویا تمرین توان ب صورت تابع بازگشتی،اگه ممکنه یه منبع معرفی کنید که ما بتونیم ازش کمک بگیریم،استاد.

لقمان آوند

حقیقتا این موارد خاص رو باید سرچ کنید. شاید نشه یه منبع خاص برای این موارد معرفی کرد.

بنیامین آریانژاد

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

سعید ریحانی

سلام وقت بخیر
ممنونم از شما ، متوجه ایراد کار شدم این دستورات document.documentElement.scrollTop فکر میکنم زمانی جواب میده که اون المنت scrollable باشه ولی من چون میخواستم موقعیت اسکرول پنجره رو نشون بده باید از window.pageOffsetTop استفاده میکردم که با این جواب داد.
حالا نمیدونم این حرفی که زدم درسته یا نه و این کاری که انجام دادم درسته یا نه

لقمان آوند

documentElement مربوط به سند هست و window پنجره مرورگر . و پوزیشن مربوطه هم نسبت به همین موارد داده میشه

سعید ریحانی

سلام وقت بخیر جناب آوند
ببخشید یه سوال داشتم این کد اسکرول (هم مال خودم هم مال شما) اصلا جواب نمیده یعنی هنگام لود صفحه کار میکنه و مقدار اولیه 0 رو برمیگردونه ولی هنگام اسکرول کردل جواب نمیده
اما کدی که از w3schools گرفتم کار میکنه ولی اون روی یک دایو با اندازه مشخص کار کرده میخواستم ببینم مشکل این کد کجاست؟

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="common/pure-min.css" type="text/css">
    <script src="common/common.js"></script>
</head>
<body onload="getDimension();getScrollPos()" style="text-align: center">
<div style="position: fixed;text-align: center;width:100%" id="123">
    <button id="dims" class="pure-button pure-button-primary">……</button>
    <br>
    <button id="scrlPos" class="pure-button">……</button>
</div>
<br><br>
<br>.<br>.<br>.<br>.<br>.<br>.<br>111111
<br>.<br>.<br>.<br>.<br>.<br>.<br>222222
<br>.<br>.<br>.<br>.<br>.<br>.<br>333333
<br>.<br>.<br>.<br>.<br>.<br>.<br>444444
<br>.<br>.<br>.<br>.<br>.<br>.<br>555555
<br>.<br>.<br>.<br>.<br>.<br>.<br>666666
<br>.<br>.<br>.<br>.<br>.<br>.<br>777777
<br>.<br>.<br>.<br>.<br>.<br>.<br>888888
<br>.<br>.<br>.<br>.<br>.<br>.<br>999999
<br>.<br>.<br>.<br>.<br>.<br>.<br>000000
<br>.<br>.<br>.<br>.<br>.<br>.<br>.

<script>
    //———— Windows Size———
    function setDimension() {
        return ‘Window size is ‘ + window.outerWidth + ‘ * ‘ + window.outerHeight;
    }

    function getDimension() {
        document.getElementById(‘dims’).innerHTML = setDimension();
    }

    window.addEventListener(‘resize’, getDimension);

    //————- Scroll Position ——-
    function setScrollPos() {
        return ‘Scroll Position is ‘ + document.body.scrollTop + ‘px from Top’;
    }

    function getScrollPos() {
        document.getElementById(‘scrlPos’).innerHTML = setScrollPos();
    }

    window.addEventListener("scroll", getScrollPos);
</script>

</body>
</html>
لقمان آوند

سلام
در تابع setScrollPos به جای document.body.scrollTop از document.documentElement.scrollTop استفاده کنید.

رسول رنجبر

سلام مهندس
من میخواستم که چنین برنامه ای بنویسم و نیاز به کمک دارم.سورس برنامه رو دارم.فقط توی ترجمه کدها کمک میخواستم.حالا یا خودتون یا اگر شخصی که این کار رو انجام بده معرفی بفرمایید.
http://nanodlp.com:8080/

لقمان آوند

می تونید پروژه تون رو تو پونیشا معرفی کنید …

Hemed Mardvar

سلام وقت بخیر
من تو کنسول مرورگرم این خطا رو دارم:

Uncaught SyntaxError: Unexpected token )
آموزش آشپزی

خیلی ممنون از سایت خوبتون

مشکل حل شد. من متوجه نشده بودم که شما یه تابع تعریف کردین …

من از دستور document.write دارم استفاده میکنم. نمیدونم چجوری که روی فایل آموزشی شما دستور print‌ عینا مثل document.write داره عمل میکنه!!!

وحید صالحی

سلام بله امکانش هست موقع ثبت نام فرم درخواست پکیج رو هم پر کنید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 66
مدرس و آمار دوره
Course-Teacher
لقمان آوند
دانشجوی دکترای نرم افزار دانشگاه شیراز ، با 10 سال سابقه فعالیت های آموزشی در بستر وب فارسی . مدیر، موسس و برنامه نویس وبسایت سون لرن با بیش از 8 سال سابقه طراحی وب و برنامه نویسی حرفه ای زبان های Html, CSS, Javascript, Jquery, Ajax و PHP.
library_books
۳۸۸ مقاله تخصصی
school
۶ دوره برگزار شده
۷۰۳۳ علاقمندfavorite
۶۳۹۴ دانشجوpeople
۱۴۳۴ رایstar
٪۹۲.۵ میانگین رضایت از مدرس
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در سامانه پشتیبانی مخصوص دانشجویان (برای دوره های حضوری)، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود. همچنین پس از خرید هر کدام از دوره های حضوری و یا مجازی سون لرن، شماره تماس و ایمیل مدرس در اختیار دانشجویان دوره قرار خواهد گرفت تا به سرعت پاسخ سوالات خود را دریافت نمایند.

contact_phone اطلاعات تماس با مدرس :
email avan********@*****.***
phone ۰۹۲۱*******
access_time شنبه تا پنجشنبه، ۱۸ الی ۲۲ عصر
info اطلاعات کامل تماس با مدرس، برای دانشجویان دوره در دسترس می باشد.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۶۶۴۵۲۴۶۹
email ایمیل : support@7Learn.com