Course Description

Are you dreaming to be a professional User Interface (UI) developer?? or

You want to develop an awesomely attractive Graphical User Interface(GUI)??or

You want to be a freelancer UI developer and earn $$$$???

If your answer to any of these questions is yes , then just keep on reading.

This jQuery User Interface (UI) course is just for you and your search for a complete UI course ends here.

Benifits / Advantages of this course:

1). No matter you are a beginner or an expert , this course is designed from scratch.

2). Every programming example will start from a blank page and will ends up with a desired output.

3). A line to line description of every single code is provided in a descriptive manner.

4). This course will work as a "ZERO to HERO" , so at the end you will be an expert in designing interfaces and using javascript libraries effectively.

Sections included in this course:

1). Introduction to instructor , Jquery UI , understanding about what you are going to learn in coming lectures with different uses and utilisations of jQuery UI.

2). Hands on to interactions which are:

2.1) Draggable

2.2) Droppable

2.3) Resizable

2.2) Selectable

2.2) Sortable.

3). Understanding the practical uses of widgets:

3.1). Accordion

3.2) Autocomplete

3.3) Button

3.4) Datepicker

3.4) Dialog

3.5) Menu

3.6) Progressbar

3.7) Selectmenu

3.8) Slider

3.9) Spinner

3.10) Tabs

3.11) Tooltip

4). Applying different effects :

4.1) Hide

4.2) Show

4.3) Toggle

4.4) AddClass

4.5) RemoveClass

4.6) SwitchClass

4.7). Easing effects

And now you can develop the complex graphical user interface with confidence.

Website developer

kunal asudani

Hello friends!! I am kunal asudani , a website developer with an experience of 8 years in web development and an instructor. Having a keen interest to spread my knowledge and skills , i started teaching the students who love programming , i have an expertise in programming languages such as HTML , JSON ,javascript , jquerry , css , Bootstrap , Angular JS , Foundation, C , C++, PHP and DSA. Now , my students are there in 93 countries , started with the single class room , i am sharing my programming skills to my students worldwide. My way of teaching: Before creating any course , or any topic , i always create it in the way that my students have zero knowledge of it , because i always aim to start from the scratch. If you are enrolling in any of my course , you will find everything from the basic , you don't need to google anything. My aim for students: I have decided to provide you with all my skills , experience and ideas and bring you up with a great programmer and a website developer. i will create the every basic course , from scratch which will be in use , as far a person with zero experience can become a hero. All the best my students...!!

Course curriculum

  • 1

    Introduction to the course and instructor with installation of jQuery UI.

    • Introduction to the instructor.

    • Installation of jQuery UI.

    • Conceptual understanding of User Interface

    • Introduction to jQuery UI.

    • Understanding the features of jQuery UI.
  • 2

    Interaction 1 - Draggable in jQuery UI.

    • Discussion on draggable options with default functionality.

    • Understanding options - Part 1

    • The advance helper option in draggable.

    • Understanding the position of cursor in draggable.

    • Discussion on actions used in draggable.
  • 3

    Interaction 2 - Droppable in jQuery UI.

    • Discussion on droppable options with default functionality.

    • Understanding options for droppable - Part 1

    • Understanding options for droppable - Part 2

    • Understanding the concept of classes in droppable.

    • Discussion on droppable actions with the disable functionality.

    • Understanding events in droppable method.
  • 4

    Interaction 3 - Resizable in jQuery UI.

    • Introduction to the resizable with default functionality.

    • Using advance options of resizable - Part 1.

    • Understanding options for resizable - Part 2

    • Understanding options for resizable - Part 3

    • Discussion on actions used in resizable with functionality.
  • 5

    Interaction 4 - Selectables in jQuery UI.

    • Introduction to selectables with default functionality.

    • Using options of selectables Part-1

    • Understanding different actions in selectables.

    • Working with the index in selectables.
  • 6

    Interaction 5 - Sortables in jQuery UI.

    • Introduction to sortables with default functionality.

    • Using options in sortables Part-1.

    • Understanding options in sortables Part-2.

    • Using advance options in sortable Part-3.

    • Introduction to the actions used in sortables.

    • Use of events in sortable method.
  • 7

    Widgets 1 - Using accordion in jQuery UI.

    • Introduction to accordion with default functionality.

    • Understanding different actions used in accordion.
  • 8

    Widgets 2 - Using autocomplete method in jQuery UI.

    • Introduction to autocomplete with default functionality.

    • Understanding options in autocomplete Part-1.

    • Using options in autocomplete Part-2.

    • Understanding options Part-3.
  • 9

    Widget 3 - Concept of Buttons in jQuery UI.

    • Introduction to the buttons with default functionality.

    • Using options in buttons Part-1.

    • Introduction to actions used in buttons.
  • 10

    Widget 4 - Using datepicker in jQuery UI.

    • Introduction to datepicker with default functionality.

    • Creating an inline datepicker.

    • Using options in datepicker Part-1.

    • Using options in datepicker Part-2.

    • Introduction to actions with functionality.
  • 11

    Widget 5 - Using dialogs in jQuery UI.

    • Introduction to dialogs with default functionality.

    • Using options in dialog Part-1.

    • Using options in dialog Part-2.

    • Introduction to actions in dialogs with functionality.
  • 12

    Widget 6 - Menu in jQuery UI.

    • Introduction to menu with default functionality.

    • Using options in menu Part-1.

    • Using actions in menu.
  • 13

    Widget 7 - Progressbar in jQuery UI.

    • Discussion on progressbar with default functionality.
  • 14

    Widget 8 - Sliders in jQuery UI.

    • Understanding the sliders with the default functionality.

    • Using options in slider Part-1.

    • Using options in slider Part-2.

    • Using actions in slider.
  • 15

    20

    • ui 20.1

    • ui 20.2

    • ui 20.3

    • ui 20.4
  • 16

    21

    • ui 21.1

    • ui 21.2 new

    • ui 21.3

    • ui 21.4
  • 17

    22

    • ui 22.1

    • ui 22.2

    • ui 22.3