تا %60 درصد تخفیف برای تنها 5 نفر با کد 7973TP3P + صدور گواهینامه فقط تا
000000

مهم: برای خریدهای بالای 100 هزار تومان باید از رمز پویا استفاده کنید و امکان خرید با رمز ایستا وجود نخواهد داشت

قیمت: 378,410 تومان

برای دریافت 35 درصد تخفیف، کد 7973TP3P را وارد کنید

قیمت: 378,410 تومان

با 35% تخفیف کد تخفیف شما: 245,970 تومان

خرید دوره

آموزش طراحی سایت صفر تا صد قسمت 51 : آشنایی با توابع (Functions)

آموزش طراحی سایت صفر تا صد قسمت 51 : آشنایی با توابع (Functions)

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

شما می توانید 3 دقیقه از این ویدیو را به صورت رایگان مشاهده کنید

در قسمت پنجاهم از دوره آموزشی طراحی وب به مبحث توابع (Functions) در جاوا اسکریپت خواهیم پرداخت. توابع قطعه کدهایی هستند که با یک نام تعریف می شوند و می توان آن ها را در مکان های مختلف اسکریپت فراخوانی کرد. توابع می توانند شامل پارامتر ورودی یا مقدار خروجی باشند که در این بخش به کلیه این مباحث آشنا خواهیم شد. مطالبی که در این قسمت می آموزیم:

  1. آشنایی با توابع و کاربرد آن ها
  2. نحوه تعریف و فراخوانی توابع
  3. ارسال پارامتر به توابع
  4. دریافت خروجی از توابع
  5. تعریف متغیرهایی از نوع توابع
  6. ارسال تابع به عنوان پارامتر ورودی به یک تابع دیگر

مدرس: حسین احمدی
منبع: ITpro
#آموزش_html #کار_با_توابع_در_جاوا_اسکریپت #آموزش_طراحی_وب #function_ها_در_جاوا_اسکریپت #دوره_آموزشی_جاوا_اسکریپت #فیلم_آموزشی_طراحی_وب #آموزش_جاوا_اسکریپت #آموزش_css #دوره_آموشی_طراحی_وب #فیلم_آموزشی_جاوا_اسکریپت
عنوان
1 آموزش طراحی سایت صفر تا صد قسمت 1 : مقدمه ای بر دوره 23′:39″ رایگان
2 آموزش طراحی سایت صفر تا صد قسمت 2 : ساختار HTML 32′:29″ 9,900
3 آموزش طراحی سایت صفر تا صد قسمت 3 : قالب بندی متن ها 41′:38″ 9,900
4 آموزش طراحی سایت صفر تا صد قسمت 4 : ماهیت برچسب ها در HTML 50′:55″ 11,880
5 آموزش طراحی سایت صفر تا صد قسمت 5 : استفاده از Link ها 37′:28″ 7,920
6 آموزش طراحی سایت صفر تا صد قسمت 6 : کار با تصاویر در HTML 27′:0″ رایگان
7 آموزش طراحی سایت صفر تا صد قسمت 7 : کار با جداول در HTML 36′:56″ 7,920
8 آموزش طراحی سایت صفر تا صد قسمت 8 : فرم ها و ورود اطلاعات 54′:58″ 14,810
9 آموزش طراحی سایت صفر تا صد قسمت 9 : آشنایی اولیه با CSS 48′:21″ رایگان
10 آموزش طراحی سایت صفر تا صد قسمت 10 : کار با فونت و متن در CSS 32′:47″ 9,900
11 آموزش طراحی سایت صفر تا صد قسمت 11 : بک گراند در CSS 21′:0″ 7,920
12 آموزش طراحی سایت صفر تا صد قسمت 12 : Display و Visibility در CSS 11′:39″ رایگان
13 آموزش طراحی سایت صفر تا صد قسمت 13 : مفهوم BoxModel 31′:15″ 13,860
14 آموزش طراحی سایت صفر تا صد قسمت 14 : Position ها در HTML و CSS 27′:31″ 11,880
15 آموزش طراحی سایت صفر تا صد قسمت 15 : استفاده از Pseudo Class ها 18′:36″ رایگان
16 آموزش طراحی سایت صفر تا صد قسمت 16 : ایجاد Navigation ها 16′:3″ 9,900
17 آموزش طراحی سایت صفر تا صد قسمت 17 : ایجاد منوهای کشویی با HTML 21′:48″ 9,900
18 آموزش طراحی سایت صفر تا صد قسمت 18 : ایجاد Mega Menu در CSS 9′:13″ رایگان
19 آموزش طراحی سایت صفر تا صد قسمت 19 : خاصیت Float و Layout صفحات 34′:23″ 12,830
20 آموزش طراحی سایت صفر تا صد قسمت 20 : آشنایی با Pseudo Element ها 15′:52″ رایگان
21 آموزش طراحی سایت صفر تا صد قسمت 21 : آشنایی با Grid System 1:5′:29″ 18,770
22 آموزش طراحی سایت صفر تا صد قسمت 22 : آموزش CSS Reset 6′:32″ رایگان
23 آموزش طراحی سایت صفر تا صد قسمت 23 : آموزش HTML5 34′:56″ 7,270
24 آموزش طراحی سایت صفر تا صد قسمت 24 : طراحی وب سایت خبری : بخش 1 47′:39″ 9,900
25 آموزش طراحی سایت صفر تا صد قسمت 25 : کار با فونت های شخصی در CSS 15′:57″ رایگان
26 آموزش طراحی سایت صفر تا صد قسمت 26 : طراحی وب سایت خبری : بخش 2 1:2′:1″ 13,860
27 آموزش طراحی سایت صفر تا صد قسمت 27 : طراحی وب سایت خبری : بخش 3 37′:24″ 5,940
28 آموزش طراحی سایت صفر تا صد قسمت 28 : آموزش CSS3 21′:0″ رایگان
29 آموزش طراحی سایت صفر تا صد قسمت 29 : Background و Color در CSS3 23′:45″ 7,920
30 آموزش طراحی سایت صفر تا صد قسمت 30 : آشنایی با Gradient در CSS3 17′:9″ رایگان
31 آموزش طراحی سایت صفر تا صد قسمت 31 : کار با سایه ها در CSS3 21′:25″ 10,850
32 آموزش طراحی سایت صفر تا صد قسمت 32 : کار با متن در CSS3 10′:48″ رایگان
33 آموزش طراحی سایت صفر تا صد قسمت 33 : Transform ها در CSS3 18′:2″ 8,870
34 آموزش طراحی سایت صفر تا صد قسمت 34 : محیط سه بعدی (3D) در CSS 17′:11″ 8,870
35 آموزش طراحی سایت صفر تا صد قسمت 34 : Transition در CSS3 15′:51″ رایگان
36 آموزش طراحی سایت صفر تا صد قسمت 36 : ایجاد مکعب سه بعدی (3D Cube) 20′:23″ 10,850
37 آموزش طراحی سایت صفر تا صد قسمت 37 : ایجاد Animation در CSS3 23′:28″ 9,900
38 آموزش طراحی سایت صفر تا صد قسمت 38 : Multiple Columns 16′:21″ رایگان
39 آموزش طراحی سایت صفر تا صد قسمت 39 : آشنایی با Flexbox در CSS3 18′:27″ رایگان
40 آموزش طراحی سایت صفر تا صد قسمت 40 : طراحی واکنشگرا یا Responsive 33′:35″ 17,550
41 آموزش طراحی سایت صفر تا صد قسمت 41 : تکنیک Sprite Images 20′:5″ 8,870
42 آموزش طراحی سایت صفر تا صد قسمت 42 : آشنایی با Font Awesome 19′:38″ رایگان
43 آموزش طراحی سایت صفر تا صد قسمت 43 : آشنایی با تکنیک Flipcard 13′:26″ 7,650
44 آموزش طراحی سایت صفر تا صد قسمت 44 : تکنیک Hover Effect 17′:23″ رایگان
45 آموزش طراحی سایت صفر تا صد قسمت 44: آموزش جاوااسکریپت 15′:49″ رایگان
46 آموزش طراحی سایت صفر تا صد قسمت 46 : مفاهیم اولیه جاوا اسکریپت 20′:10″ رایگان
47 آموزش طراحی سایت صفر تا صد قسمت 47 : نوع های داده و عملگرها 42′:24″ 14,810
48 آموزش طراحی سایت صفر تا صد قسمت 48 : مباحث تکمیلی نوع های داده 30′:15″ رایگان
49 آموزش طراحی سایت صفر تا صد قسمت 49 : آشنایی با حلقه ها (Loops) 21′:0″ 8,870
50 آموزش طراحی سایت صفر تا صد قسمت 50 : دستورات کنترلی if و switch 19′:31″ رایگان
51 آموزش طراحی سایت صفر تا صد قسمت 51 : آشنایی با توابع (Functions) 18′:34″ 9,900
52 آموزش طراحی سایت صفر تا صد قسمت 52 : آموزش کار با DOM 40′:16″ 16,790
53 آموزش طراحی سایت صفر تا صد قسمت 53 : آموزش کار با DOM 14′:15″ 8,870
54 آموزش طراحی سایت صفر تا صد قسمت 54 : آموزش کار با DOM 5′:31″ رایگان
55 آموزش طراحی سایت صفر تا صد قسمت 55 : آموزش کار با DOM 54′:9″ 15,840
56 آموزش طراحی سایت صفر تا صد قسمت 56 : آشنایی با BOM 28′:25″ رایگان
57 آموزش طراحی سایت صفر تا صد قسمت 57 : کار با فرم ها در JavaScript 34′:19″ 8,870
58 آموزش طراحی سایت صفر تا صد قسمت 58 : آموزش Timing Events 12′:16″ رایگان
59 آموزش طراحی سایت صفر تا صد قسمت 59 : چند مثال کاربردی JavaScript 32′:45″ 8,870
زمان و قیمت کل 26:21′:5″ 378,410
19 نظر
zahra .m

سلام استاد،وقت بخیر

وقتی المان ها رو با نام کلاس یا نام تگ میگیرم، خاصیت style روشون اعمال نمیشه، و حتماً باید از getElementById استفاده کنم برای style دهی.

بنظرتون چیکار کنم؟

حسین احمدی

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

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

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

خرید دوره
zahra .m

درست می فرمایید، ولی من هم با استفاده از اندیس این کار رو انجام میدادم ولی باز هم امکان اعمال style فراهم نبود.فقط وقتی از id استفاده میکردم مسئله حل می شد.

حسین احمدی

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

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

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

خرید دوره
zahra .m

استاد قبلاً برای اینکه اجرا بگیرم تمام class ها رو به id تبدیل کردم الان هم هر کدی رو امتحان می کنم طبق فرمایش شما جواب می گیرم.فقط اینکه بعضی وقتا عباراتی که می خوام در پنجره intellisense نمایش داده نمی شه.ولی اگر خودم تایپش کنم تو اجرا بدون مشکله.

با یه مسئله دیگه ای که مواجه شدم اینکه، آیا نمیشه بیشتر از یه style رو به المان گرفته شده در بخش sctipt اختصاص داد؟

<style>
.bchenge{
            width:40%;
            height:200px;
            border:1px solid black;
            margin:20px auto;
            position:fixed;
            top:200px;
            left:500px;
            display:none;
        }
<style>
-----------------------------------------------
<button class="abc">show div</button>
<div class="bchenge"></div>
<script>
    var btntop = document.getElementsByClassName('abc')[0];
        btntop.addEventListener('click', function () {
           var divback = document.getElementsByClassName('bchenge')[0];
           divback.style.display = 'inline-block';
           divback.style.background-color = 'red';
           divback.innerHTML='Hello';
        }, false);
</script>

در این کد از مقدار دهی background-color در script ایراد می گیره.

حسین احمدی

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

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

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

خرید دوره
zahra .m

با همین تغییر که فرمودید، جوابم رو گرفتم.

سپاس فراوان

Gelareh Soluki

سلام استاد میشه ی function رو داخل یک function دیگه فراخوانی کرد؟

حسین احمدی

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

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

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

خرید دوره
Gelareh Soluki

i see thankful

Gelareh Soluki

سلام استاد روزبخیر

اگر بخوام از کدهای bootstrap استفاده کنم داخل website باید ترتیب قرار گرفتن links رعایت شه؟

میشه راهنماییم کنید چطور هم از bootstrap استفاده کنم و هم بتونم از javascript استفاده کنم داخل یک پروژه

حسین احمدی

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

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

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

خرید دوره
Gelareh Soluki

استاد من از bootstrap استفاده کردم برای navbar و بعد از اون خواستم از کدهای javascript استفاده کنم برای نوشتن slider

اما وقتی چیزی مینویسم هیچیزی رو نشون نمیده غیر از کدهای bootstrap

حسین احمدی

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

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

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

خرید دوره
Gelareh Soluki
 if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}

سلام استاد این کد بالازو رو میشه برام توضیح بدید من نمیفهمم

var slideIndex = 1;
showSlides(slideIndex);

// Next/previous controls
function plusSlides(n) {
  showSlides(slideIndex += n);
}

// Thumbnail image controls
function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
} 

که استاد n مقدارش 1 و -1 میشه

چرا گفته اگر n بزرگتر از slides.length بود slideindex رو برابر با 1 کن

خب عبچوت بزرگتر از slides.length نمیشه

چون slides.length =3 هست

و n

1 و -1 بهش پاس داده میشه

Gelareh Soluki

سلام استاد اگه message منو دیدید ممنون میشم راهنماییم کنید

حسین احمدی

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

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

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

خرید دوره
حسین احمدی

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

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

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

خرید دوره
Gelareh Soluki

ممنونم از شما

لطف کردید استاد

نظر شما
برای ارسال نظر بر روی این مطلب باید آن را خریداری کنید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر