Visão Geral

Você é um desenvolvedor de páginas da Web que deseja usar a biblioteca JavaScript jQuery para simplificar a programação JavaScript para expandir os recursos e a interatividade das páginas da Web em seus sites? O uso do jQuery pode ajudar a simplificar a validação da entrada do usuário em formulários da Web e fornecer feedback aos usuários.

Os participantes deste seminário recebem uma breve introdução à programação JavaScript, incluindo recursos básicos de linguagem, técnicas de teste e depuração. Em seguida, o jQuery é apresentado, incluindo sua capacidade de trabalhar com animação, formulários e validação e manipulação de DOM. Componentes de interface do usuário aprimorados, como Accordion, Datepicker, Autocomplete, Slider e Menu, também são abordados, bem como o uso de Ajax e JSON para aprimorar ainda mais a riqueza da experiência do usuário da web.

Objetivo

Após a conclusão deste curso, você será capaz de:

• Compreender e usar a sintaxe JavaScript básica
• Use a biblioteca jQuery para desenvolvimento de páginas da web
• Use jQuery para programar efeitos como deslizamento e desvanecimento e animações para efeitos personalizados
• Use plugins jQuery existentes e entenda como escrever seus próprios plugins
• Trabalhe com formulários e valide entradas usando jQuery
• Manipular e percorrer o DOM usando jQuery
• Use vários recursos da interface do usuário do jQuery, incluindo: Temas e widgets como Accordion, Autocomplete, Datepicker, Slider e Menu, Interações para operações como arrastar e soltar, redimensionar, selecionar e classificar
• e Efeitos para vários tipos de transições, incluindo cor, classe e visibilidade
• Use jQuery para dar suporte a interações Ajax e trabalhar com dados JSON
• Testar e depurar um aplicativo JavaScript

Publico Alvo

• Este curso é destinado a desenvolvedores de páginas da Web que desejam usar a biblioteca JavaScript jQuery de código aberto para criar páginas da Web atraentes e interativas com mais facilidade do que usando apenas programação JavaScript bruta.
  

Pre-Requisitos

• Recomenda-se familiaridade com um navegador de internet, como Internet Explorer, Chrome ou Firefox. É necessária familiaridade com HTML. A familiaridade com conceitos de programação, especialmente com conceitos de programação orientada a objetos, é fortemente recomendada.
  

Informações Gerais

Carga Horária: 24h

• Se noturno este curso é ministrado de Segunda-feira à sexta-feira, das 19h às 23h
• Se aos sábados este curso é ministrado das 9h às 18h
• Se in-company por favor fazer contato para mais detalhes.

Formato de entrega: 

• 100% on-line ao vivo, via Microsoft Teams na presença de um instrutor/consultor ativo no mercado.
• Nota: não é curso gravado. 

Lab:

• Laboratório + Exercícios práticos

Materiais

Conteúdo Programatico

Introduction to Web Development

1. How Web Applications Work
2. Components of a JavaScript Application
3. Brief introduction to HTML
4. Brief introduction to CSS
5. How to test a JavaScript application
6. Using an IDE to develop JavaScript applications

JavaScript Basics for jQuery Users

1. Including JavaScript in an HTML document
2. JavaScript syntax
3. Working with JavaScript data and objects
4. Basic control statements
5. Working with arrays
6. Using functions
7. Handling events

Scripting Forms and Controls

1. DOM Scripting properties and methods
2. Scripting links and images
3. Using timers

Testing and debugging a JavaScript Application

1. Introduction to testing and debugging
2. Debugging with browsers’ developer tools
3. Other debugging methods

Introduction to jQuery

1. What is it and why use it?
2. jQuery basics
3. Working with selectors, methods and events

Coding Effects and Animations

1. How to use effects
2. How to use animation

 jQuery Plugins

1. Introduction to plugins
2. A few useful plugins you can use
3. You can create plugins yourself

Scripting Forms and Data Validation

1. Scripting forms and controls
2. Using jQuery to work with forms
3. Using the validation plugin

DOM Manipulation and Traversal Methods

1. DOM manipulation methods
2. Working with styles and positioning
3. Using event methods with DOM manipulation

jQuery UI Themes and Widgets

1. Basic jQuery UI
2. Using jQuery UI widgets
3. JavaScript prototypes
4. Advanced skills

jQuery UI Interactions and Effects

1. Using interactions
2. Using effects

Ajax, JSON and Flickr

1. Introduction to Ajax
2. jQuery methods for Ajax
3. The $.ajax method for Ajax
4. The $.getJSON method to load JSON data
5. Using Ajax with Flickr

Time permitting] API for Google Maps

1. Introduction to Google Maps
2. Displaying markers on a map
3. Displaying messages on a map
4. Displaying driving directions on a web page

[Time permitting] Using HTML5 APIs

1. Introduction to HTML5 APIs
2. Using the Geolocation API
3. Using the Web Storage API
4. Using the Web Workers API

Self study] jQuery Mobile Support

1. Working with mobile devices
2. jQuery Mobile
3. jQuery Mobile documentation
4. jQuery Mobile to format content
5. jQuery Mobile for list views
6. jQuery Mobile for forms