Visão Geral

O Curso JavaScript fornece uma cobertura aprofundada do JavaScript, incluindo validação de formulário, programação modular, AJAX, envio de solicitações GET e POST. Você aprenderá a criar páginas da Web interativas usando manipulação de eventos Javascript e a usar Ajax para enviar solicitações assíncronas a páginas da Web e manipular as respostas. Você aprenderá a escrever código JavaScript para validação de formulário, cálculo do total de pedidos, navegação condicional (levar o usuário a uma página com base nas informações inseridas), rollovers de imagens (por exemplo, ter um botão aceso quando o usuário move o mouse sobre ele) , e mais.

O Curso JavaScript ensina aos desenvolvedores JavaScript experientes as habilidades necessárias para construir software robusto e escalável. Este Curso JavaScript cobre algumas das partes complexas da linguagem JavaScript e discute a programação de servidores em JavaScript, bem como várias outras opções para integração cliente-servidor.

Objetivo

Ao participar do Curso JavaScript, os participantes aprenderão

• Fundamentos da programação JavaScript, incluindo o uso dos principais objetos JavaScript e a sintaxe da linguagem (instruções, condicionais, loops, funções, etc.)
• Para colocar imediatamente o JavaScript em uso, escrevendo código para validar formulários, totalizar pedidos, lidar com sobreposições de imagens e outras tarefas de exibição, navegar condicionalmente o usuário para várias páginas e muito mais
• Compreender completamente os principais mecanismos da linguagem JavaScript, como escopo, fechamentos e herança
• Revise as técnicas AJAX do lado do cliente e integre-as aos serviços do lado do servidor escritos com node.js
• Projete e crie aplicativos em pequenos módulos gerenciáveis ​​e aprenda como gerenciar o carregamento e o uso de módulos
• Projete aplicativos JavaScript que ofereçam suporte adequado a URLs, botão Voltar, histórico e links diretos
• Planeje e crie grandes aplicativos JavaScript

Materiais

Conteúdo Programatico

Basic Display and Objects

1. A standard JavaScript template
2. where is JavaScript placed
3. alert, prompt & confirm windows
4. objects, properties & methods

Syntax and Grammar

1. lexical structure
2. literal constants
3. escape characters
4. operators
5. variables, scope and arrays
6. expressions, conditions, statements

Control Flow and Functions

1. conditional statements
2. loops and switches
3. continue, break and return
4. functions: structure
5. functions: examples
6. functions: recursion

Working with Forms

1. accessing form & control objects
2. accessing control content
3. radio button confirmation

Dynamic Form Examples

1. dynamic select lists
2. background color function
3. select list color picker
4. radio button color selector
5. hexadecimal color picker

Events

1. event handlers
2. event listeners
3. example: time on page
4. example: mouse rollover
5. timed ad cycler
6. the events list

Form Validation

1. common validations needed
2. validating before submission
3. validating on a by entry basis
4. validating on a keystroke basis
5. multiple field validation
6. validating numeric data

String Validation & Date

1. brute force string validation
2. multiple valid strings
3. text analysis
4. text formatting
5. project: order form

DOM and DHTML

1. accessing elements using DOM
2. style - color & fontsize changes
3. visibility - collapsing text
4. visibility - the noscript issue
5. content - toggle buttons
6. positioning - 'sticky' elements
7. object explorer tool
8. window dimensions
9. object position|dimension
10. equalized column heights
11. cursor location
12. jumping to a new location

Animation & Multimedia

1. scrolling marquees
2. flying text
3. news scroller
4. embedding audio
5. transitions & viewports
6. presentations & slideshows

Cookies

1. required cookie ingredients
2. baking a cookie
3. eating a cookie
4. tossing a cookie
5. saving user preferences
6. saving a user 'agreement'

User-Defined Objects

1. object constructors
2. defining methods in constructors
3. strictly typed properties
4. function constructor methods
5. inheritance based prototypes
6. subclasses
7. objects as associative arrays
8. JavaScript object notation

Regular Expressions

1. escaper characters
2. character classes
3. boundaries & quantifiers
4. regular expression modifiers
5. testing regular expressions
6. using regular expressions

Menu Systems

1. tabbed menus
2. autoflagging
3. select lists
4. dropdown and pullout menus
5. floatout, popup & tree menus

JavaScript - Advanced

JavaScript Review

1. JavaScript setup, testing and debugging
2. Data Types and variables in JavaScript
3. Statement and control flow structures
4. Basic event model
5. Data manipulation: strings and numbers

Advance Constructs

1. Arrays
2. Validation with regular expressions
3. External Scripts
4. Using function references
5. Understand the use of event propagation, capturing, and rerouting

Cookies

1. Use the correct syntax for cookie request and response
2. Use single and multiple cookies in JavaScript
3. Session only cookies
4. Client support

JavaScript Object Model

1. Understand the JavaScript object models
2. Data from objects
3. Modifying objects
4. User created objects

Dynamic Programming

1. Tables: creating, sorting, and filtering
2. Forms: modification forms
3. Menus and popups

Browser and Window Objects

1. Moving, scrolling, and resizing
2. Onerror events
3. How to use history object
4. Working with multiple windows and frames

Style Sheets

1. Review of Cascading Style Sheets (CSS)
2. JavaScript Interaction with CSS

Keyboard and Printer Interactions

1. Working with keyboard events
2. Accessing the printer