Видео урок: Научете JavaScript и jQuery.

Добре дошли на още един JavaScript и jQuery курс.

В този видеоклип се обяснява какво е JavaScript и какво ни носи.

В това видео ще научиш кой редактор ще използваме и ще го инсталираме заедно.

В това видео се показва как да използвате кликове с JavaScript и как работят променливите.

Условната конструкция. If (превод: ако) се използва много често при програмирането. Например, когато искаме нещо да се изпълни само когато е изпълнено определено условие.

В това видео става въпрос за масиви в JavaScript. Те ни позволяват да съхраняваме множество информация в една променлива.

В това видео ще научиш как работят For-Loops (цикли). Те ни позволяват да изпълняваме определен код множество пъти поред.

Функциите са вида мини програма, която можем да използваме отново по всяко време след като я създадем. Когато натиснете бутона "Home" на вашия телефон, например, се извиква функция, която ви връща към началния екран. Функциите значително улесняват работата.

Тук ще се покаже резултатът от предизвикателството (а именно - квиз) и също така ще бъде създадена основата от HTML.

Тук се програмира CSS (външният вид) на куиза.

Тук се програмира и обяснява JavaScript нашата викторина.

Вече си видял как работят функциите с един параметър. Сега ще разгледаме функциите с няколко параметра. Няколко параметра са нужни, когато искаме да използваме функция с няколко различни променливи. В математиката например при събиране на няколко стойности.

Има глобални и локални променливи. Кратко казано: Глобалните променливи са тези, които се дефинират извън функциите, а локалните променливи са тези, които се дефинират вътре в функциите. Тук ще разгледаме по-подробно как функционира това.

В програмните езици съществува възможността да се дефинират функции с връщане на стойност. До момента сме видяли функции, които просто изпълняват действие, но не връщат нищо, с което да продължим да работим. Затова сега ще разгледаме оператора RETURN.

В тази статия ще разгледаме математическите оператори и операторите за присвояване. Математическите оператори са доста прости неща като събиране, изваждане и други, а операторите за присвояване представляват възможността за лесно извършване на прости операции като увеличаване с 5. Тъй като и двете са важни в програмирането, темите се разглеждат тук.

Има три (или четири) различни видове цикли при програмирането: Do-while, While и For цикълът. For цикълът вече го научихме. Сега ще се запознаем с Do-while (условно проверка в края) и с While цикъла (условно проверка в началото).

В тази статия става въпрос за алтернатива на If условията. Това са Switch (превключвател) и Case (случай). С други думи, имате превключвател, който превключва през различните случаи и остава на този, който е активен.

Вече сме разгледали масиви, но не сме влезли в подробности. Има още много, което трябва да знаете за масивите. Най-важното свойство на JavaScript масивите е броят на елементите (length). Въпреки това, масивът има още свойства като индекс, което ни предоставя информация за позиция 0 в масива.

Обектите са изключително важно и интересно понятие в множество програмни езици. В принцип можем да опишем всичко като вид обект. Да вземем за пример обект, който обикновено виждаме на пътя: кола. Колата има определени свойства и може да извършва определени действия.

Нека видим как можем да създадем обекти в JavaScript. За целта създаваме конструкторна функция и две инстанции на нашия обект в нашия таг Head. В конструкторната функция, която има същото име като нашия обект, казваме на програмата, че параметрите, които се предават на конструкторната функция при създаване на инстанция на обекта, трябва да бъдат стоиностите на обекта.

Като основа за функциите на обектите започваме с кода от последното урок, в което създадохме променливи, които се създават при всяка инстанция на нашия обект.

В този урок ще се запознаеш с обекта Math. Това е обект, базиран на класа Math и идва с много страхотни свойства и функции.

В това видео става въпрос за обекта Date или класа Date. Това са обекти, които могат да се използват за включване на време в програма. Тук не задължително се има предвид часът или датата, а може да става въпрос и за времеви интервал. Обектът Date съдържа времето, което е изминало от момента 1970-01-01 00:00:00. Има различни начини да се предадат параметри на конструктора на Date.

В това видео ще научиш как да построиш интерактивен часовник с JavaScript.

В това видео става дума за наследяването и полиморфизма. Два концепта на обектно-ориентираното програмиране.

В тази статия ние ще разгледаме въпроса: Какво е jQuery? jQuery е библиотека на JavaScript, която ни позволява да правим още по-страхотни уебсайтове.

Тук ще научиш как с jQuery е по-лесно да обработваш кликове.

В този урок ще научите как да промените изгледа на уеб страница с jQuery. За целта можем лесно да презапишем атрибут на поле. В този пример можем да променим връзката на Iframe (или src/source), като плъзгаме през квадрата. Лесно можем да променим кода и например да увеличим размера на квадрата, като презапишем атрибутите Height и Width, когато преминем през него. Общо казано, този подход може да се използва за промяна на изгледа на уеб страница без проблеми.

Една от страхотните функции на jQuery е възможността да направи един елемент да избледнее. В този пример ние избледняваме едно бутонче, когато кликнем върху друг бутон. За целта използваме функцията FadeOut („Избледняване функция“). След това, за да покажем елемента отново, използваме функцията FadeIn.

В това видео ще се занимаваме с анимацията в jQuery. Това е нещо, което се движи. По този начин осигуряваме движение/промяна на елемент на нашия уебсайт. За тази цел в jQuery има функция, наречена animate(), която очаква три параметъра.

Нека видим какво е jQuery UI.

Акордеонът е виджет, който ни позволява да видим само определени части от цялото, както при акордеон. Това е особено полезно, когато искаме да предадем много информация, която обаче като цял текст би била прекалено объркана.

В този урок става въпрос за сортирани елементи в jQuery UI. Това са елементи, които могат да бъдат сортирани. Ти си запознат с това, ако използваш уебсайтове за продуктивност като Wunderlist или Trello. Възможността да правиш елементите сортируеми е много яка функционалност, която можеш да използваш в много различни приложения.

Понякога може да се наложи да се направи размерът на един елемент редактируем от потребителя. Тогава Resizables са точно това, което е необходимо. Те наистина позволяват това. Под елемента се вижда малък триъгълник в долната дясна част, който човек може да кликне и след това, ако задържи курсора на мишката, да увеличи или намали размера му.

С помощта на Draggables в jQuery UI е много лесно да се създаде елемент, който може да се мести напред и назад. Как се прави това, ще разгледаме тук.

Прогресбарове или ленти за напредък са отлично средство, за да се предаде на потребителя колко далече е в определен процес. В процеса на покупка в онлайн магазин например или при анкети, помага на потребителя да знае колко напред е в изпълнението на стъпките.

В този урок бих искал бързо да спомена ефектите в jQuery UI. Има наистина страхотни ефекти, които позволяват на уебсайта ти да изглежда още по-добре и също така да впечатлят изцяло потребителите ти.

В този видеоклип виждате резултата от предизвикателството. Eine FAQ-Seite.

Тук превеждаме страницата с ЧЗВ.

В това видео се представя Brain-Game, което ще бъде програмирано в тази глава.

Първо се грижим за структурата и външния вид на играта.

Сега ще се погрижим за някои от функционалностите на играта.

Играчът вече може да извършва първи действия в играта, сега обаче се грижим да може играта да бъде правилно стартирана и приключена.

Сега само трябва да включим таймера в играта, за да изчислим точките правилно и да ограничим времето на играта. Освен това ще направим още няколко по-малки стъпки, за да завършим играта.

Тук ще бъде представено приложението на главата. То е приложение/уебсайт за списъци с задачи.

Сега ще създадем основата и ще видим как можем да създадем и редактираме съответната тема с jQuery Mobile.

Понеже следваме ООП подход, трябва да създадем подходящата архитектура. Затова се грижим за това тук.

В това видео добавяме страници и се грижим за страницата, на която създаваме задачи.

Подобно на страницата за създаване на профил, също така трябва да се попълни страницата за редактиране и да се добави съответната функционалност.

Сега можем да се заемем отново с архитектурата и да създадем структурата на данните.

След като вече имаме нашата структура на данните, можем лесно да я извикаме в нашия потребителски интерфейс.

При програмирането бяха необходими няколко стъпки в "потока на обясненията", които вече можем да оправим. Освен това се грижим за постоянното запазване на данни и довършваме приложението.