Este curso forma parte de Programa especializado: JavaScript for Beginners

4.8
estrellas
22 calificaciones

William Mead

1611 ya inscrito

ofrecido por

Programa especializado: JavaScript for BeginnersUniversidad de California, Davis

Acerca de este Curso

11.731 vistas recientes

With the general introduction of JavaScript in the first course, this course will focus on JavaScript libraries, specifically jQuery. The scripts will be geared toward Document Object Model (DOM) manipulation. Learners will describe the top JavaScript libraries and differentiate which would work best to implement and accelerate development of web page animation.
Course objectives include being introduced to the end product of the course – a landing page style website using jQuery elements to manipulate HTML documents and enhance user experience.  Diving deeper into the landing page that will be created and break it out into individual jQuery projects.  jQuery events and effects will be covered while exploring more jQuery’s relationship with HTML documents.  Finally, a focus on plugins and continue to breakdown jQuery's ability to manipulate HTML and CSS.

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Curso 2 de 4 en

Programa Especializado - JavaScript for Beginners

Nivel principiante

Aprox. 13 horas para completar

Inglés (English)

Subtítulos: Inglés (English)

Qué aprenderás

Introduces learners to the popular jQuery library and explores the syntactical differences between JavaScript and jQuery using small projects.

Habilidades que obtendrás

Jquery
JavaScript
animations

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Curso 2 de 4 en

Programa Especializado - JavaScript for Beginners

Nivel principiante

Aprox. 13 horas para completar

Inglés (English)

Subtítulos: Inglés (English)

Instructor

Calificación del instructor

4,8/5 (6 calificaciones)

William Mead

ofrecido por

Universidad de California, Davis

UC Davis, one of the nation’s top-ranked research universities, is a global leader in agriculture, veterinary medicine, sustainability, environmental and biological sciences, and technology. With four colleges and six professional schools, UC Davis and its students and alumni are known for their academic excellence, meaningful public service and profound international impact.

Programa - Qué aprenderás en este curso

Semana

Semana 1

4 horas para completar

Manipulating Web Pages Elements with jQuery & JavaScript

In this module, you will be introduced to jQuery and basic jQuery syntax and we will compare it to JavaScript syntax. You will be able to plug-in the jQuery library and discuss the history of jQuery and its relationship to JavaScript. You'll also use some of the selectors and filters available in jQuery to access DOM elements. You will be able to create an interactive element that could be used on a website and be able to identify and fix coding and logic problems while working on a project. You will be able to demonstrate proficiency with both JavaScript and jQuery for accessing and manipulating elements on a web page.

4 horas para completar

21 videos (Total 91 minutos), 8 lecturas, 1 cuestionario

21 videos

Welcome to this Course!39s

Module Introduction45s

Introduction to jQuery7m

jQuery Libraries6m

Plugging Into jQuery Libraries5m

Basic jQuery Syntax5m

Using jQuery to Access Elements8m

jQuery Events5m

Introduction to Folding Sidebar Menus Using JS4m

Challenge 1 Solution3m

Challenge 2 Solution7m

Challenge 3 Solution2m

Challenge 4 Solution2m

Challenge 5 Solution3m

Challenge 6 Solution2m

Challenge 7 Solution2m

Challenge 8 Solution3m

Introduction to jQuery Sidebar Folding Navigation4m

Getting the Next UL4m

The Whole Script5m

JavaScript and jQuery Challenges Intro1m

8 lecturas

A Note From UC Davis10m

Start Files: Introduction to jQuery 10m

PDF of Presentation10m

Start Files: Folding Sidebar Menus with JavaScript10m

PDF of Presentation10m

Start Files: Folding Sidebar Menus with jQuery10m

PDF of Presentation10m

JavaScript and jQuery Challenge Activities10m

1 ejercicio de práctica

Module 1 Quiz30m

Semana

Semana 2

4 horas para completar

Animating Web Page Elements with jQuery & JavaScript

In this module, you will be introduced to the jQuery effects library, helper functions, animations and callback functions. You will be able to use features in jQuery to animate elements on a web page. You will be able to use the callback functions to trigger a function when an animation is completed. You will be able to create a tabbed interface in both JavaScript and jQuery.

4 horas para completar

21 videos (Total 117 minutos), 7 lecturas, 1 cuestionario

21 videos

Module Introduction50s

Introduction to the jQuery Effects Library4m

Example 1 Continued4m

Example 25m

Example 2: Plugin Architecture8m

Example 3: Fading Buttons4m

Example 3: Fade To4m

Example 4: Custom Animations - Part 14m

Example 4: Custom Animations - Part 25m

Doing All Animations at Once6m

Introduction to Tabbed Interface Using jQuery5m

Styling the Anchor Tags5m

Tab Styling and Colors6m

Clicking and Fading Tabs4m

Whole Script7m

Getting the CSS Ready5m

Making the Tabs Work6m

New Tab and Old Tab7m

Handling the Switch4m

Fixing a Bug6m

Cleaning Up the Code7m

7 lecturas

Start Files: Introduction to the jQuery Effects Library10m

Additional Resources20m

PDF of Presentation10m

Start Files: Creating a Tabbed Interface with jQuery10m

PDF of Presentation10m

Start Files: Creating a Tabbed Interface with JavaScript10m

PDF of Presentation10m

1 ejercicio de práctica

Module 2 Quiz30m

Semana

Semana 3

3 horas para completar

Intermediate Document Manipulation & Animation

In this module, you will be able to use the jQuery syntax and the built-in effects library to create image sliders that could be integrated into web pages. You will also be able to compare the jQuery syntax to the JavaScript syntax by building a similar image slider using only plain JavaScript syntax and using CSS to perform the animation.

3 horas para completar

18 videos (Total 102 minutos), 5 lecturas, 1 cuestionario

18 videos

Module Introduction32s

Basic Slider6m

Making the Script General5m

Window Load Function7m

Click Handler for Next Button8m

Next Click Handler with If Statement3m

Challenge Solution5m

Strategy for Version 24m

Cloning the Unordered List4m

Setting the Left Position4m

Adding a Callback Function7m

Previous Button Click Handler - Part 17m

Previous Button Click Handler - Part 25m

Slider Using JavaScript6m

CSS for Slides and Adding Variables8m

Adding More Variables5m

Event Handler for the Next Button7m

Solution for the Previous Button Challenge4m

5 lecturas

Start Files: jQuery Image Sliders10m

PDF of Presentation10m

Start Files: JavaScript Image Sliders10m

PDF of Presentation10m

1 ejercicio de práctica

Module 3 Quiz30m

Semana

Semana 4

3 horas para completar

Timers and Recursion in JavaScript & jQuery

In this module, you will be introduced to the use of timers and recursion in JavaScript and use these techniques to make interface elements that run on a timer. You practice using jQuery syntax and recursion to build a simple content rotator that could be used as an interface element on any web page.

3 horas para completar

13 videos (Total 60 minutos), 5 lecturas, 1 cuestionario

13 videos

Module Introduction45s

Example Script #1 - Part 15m

Example Script #1 - Part 24m

Example Script #22m

Example Script #3: Recursion5m

Converting a Slider2m

Putting Slides on a Timer Solution - Part 15m

Putting Slides on a Timer Solution - Part 27m

Project Set-up6m

Starting the Script4m

The If/Else Statement - Part 16m

The If/Else Statement - Part 25m

Course Summary52s

5 lecturas

Start Files: Introduction to Timers & Recursion10m

PDF of Presentation10m

Start Files: Recursive Content Rotator10m

PDF of Presentation10m

1 ejercicio de práctica

Module 4 Quiz30m

Reseñas

4.8

10 reseña

5 stars
76 %
4 stars
20 %
3 stars
4 %

Principales reseñas sobre ANIMATION WITH JAVASCRIPT AND JQUERY

por TS1 de sep. de 2021

The concept may be a difficult to understand and follow for a beginner, but the instructor did a nice job in explain everything and walk us through the script.

por KZ3 de nov. de 2021

The course is well organzied and has the complete content where we can follow and understand thoroughly

por TH11 de dic. de 2021

Great intro to JQuery and exploration of different JavaScript functions

Ver todas las reseñas

Acerca de Programa especializado: JavaScript for Beginners

This Specialization is intended for the learner with no previous programming experience or the career changer transitioning to software development. JavaScript is generally the first programming language you will need to learn and this Specialization will help you practice and build your skills through a gentle progression of modules and courses.

Preguntas Frecuentes

¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Programa especializado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos que forman parte del Programa especializado y te darán un Certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.
¿Hay ayuda económica disponible?
Sí, Coursera ofrece ayuda económica a los estudiantes que no pueden pagar la tarifa. Solicítala haciendo clic en el enlace de Ayuda económica que está debajo del botón “Inscribirse” a la izquierda. Se te pedirá que completes una solicitud. Recibirás una notificación en caso de que se apruebe. Deberás completar este paso para cada uno de los cursos que forman parte del Programa especializado, incluido el proyecto final. Obtén más información.

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.

Animation with JavaScript and jQuery