Parte 1. A linguagem javascript
Depois de concluir esta parte do curso, você:
Aprenda a incorporar o código javascript em uma página HTML.
Aprenda a sintaxe da linguagem.
Aprenda o que são as variáveis \u200b\u200be para que são utilizadas. Aprenda a criar, excluir, alterar seu valor, bem como realizar várias manipulações em variáveis.
Aprenda a formar condições e, assim, executar códigos diferentes quando são executados.
Aprenda o que são loops e por que são usados. Como processar facilmente os valores das propriedades dos objetos e elementos do array com sua ajuda.
Aprenda a exibir janelas modais padrão para exibir, inserir e confirmar várias informações.
Aprenda sobre arrays, sua criação e os métodos de manipulação, exclusão e alteração da estrutura de arrays.
Veja como trabalhar com dados de string em javascript. A saber - substituição, exclusão e pesquisa de substrings em uma string, além de trabalhar com cada caractere separadamente.
Aprenda a criar suas próprias funções e executá-las em qualquer lugar, a qualquer hora. E você aprenderá o que é recursão e por que é usada.
Aprenda a trabalhar com hora e data e veja como a hora é representada em javascript. Nesse caso, você pode exibir a data na tela do navegador em qualquer formato que precisar.
Aprenda operações matemáticas em javascript - aritmética simples e mais complexas: exponenciação, raiz quadrada, trigonométrica, etc.
Aprenda a trabalhar com objetos - crie, edite, exclua, adicione métodos e propriedades a eles. Aprenda um dos conceitos básicos de um objeto de função do construtor.
Considere os métodos e propriedades básicos de objetos javascript globais.
Aprenda o que é DOM.
Aprenda a realizar várias manipulações com elementos de página html: seleção, exclusão, alteração de conteúdo, etc.
Aprenda o que são eventos e como você pode lidar com eles.
Aprenda a lidar com erros que ocorrem durante a criação de scripts.
Parte 2. A biblioteca jQuery
Depois de concluir esta parte do curso, você:
Saiba por que você precisa selecionar elementos.
Aprenda o que são seletores e como você pode usá-los para selecionar um elemento.
Você verá como selecionar apenas os necessários de uma variedade de elementos semelhantes.
Aprenda o que são filtros e como eles podem ajudá-lo a selecionar itens.
Aprenda a gerenciar os atributos dos elementos - adicionar, alterar e remover.
Aprenda a mudar aparência elementos de página html editando regras CSS.
Você será capaz de gerenciar programaticamente o conteúdo dos elementos - adicionar, alterar e excluir.
Você pode adicionar facilmente um elemento html arbitrário à sua página ou alterar sua estrutura como um todo.
Aprenda a copiar elementos de páginas da web e colar os copiados em qualquer lugar.
Aprenda as técnicas que você pode usar para percorrer rapidamente os elementos selecionados e destacar apenas aqueles que lhe interessam.
Você verá como é rápido e fácil criar uma função de manipulador de eventos específica.
Aprenda a trabalhar com animação e, assim, alterar os elementos das páginas html usando vários efeitos de animação.
Aprenda como você pode aplicar vários efeitos de animação a um elemento e como você pode controlá-los.
Aprenda o que é AJAX.
Aprenda a enviar e receber informações do servidor de forma assíncrona, sem recarregar a página inteira.
Ciclo de lições bônus
Nas aulas deste curso base necessária para escrever seus próprios plug-ins. E para consolidar a base resultante, no processo de aprendizagem você criará dois plug-ins simples, mas funcionais. Os plug-ins criados podem ser reutilizados em qualquer site.
Vídeo-biblioteca do curso "Interface do usuário jQuery"
Introdução
Efeitos
Widgets
Ação com elementos
O curso "javascript & jQuery: from Zero to Profi" é a versão mais recente do Runet, criado levando em consideração todos os desenvolvimentos mais recentes e permitindo que você domine todo o volume do material em apenas algumas semanas, o que pode levar muitos meses com outros métodos de ensino ...

• Qualidade: PCRec
• Formato: autorun.exe
• Codec de vídeo: AVC
• Codec de áudio: AAC-LC
• Vídeo: AVC, 1024x768, 157 Kbps, 15.000 fps, 0,013 bit / pix
• Áudio: AAC-LC, 125 Kbps, 44,1 KHz, 2 canais

Apenas aulas individuais. Ligue e inscreva-se!

O curso é ministrado individualmente. O custo é indicado para 1 aula (4 horas acadêmicas). Você pode coordenar o número de aulas e o tempo de treinamento com os gerentes de nosso centro.

GTSDPO convida você para cursos de programação Javascript usando a tecnologia AJAX e framework jQuery. 8 aulas práticas irão ajudá-lo a dominar rapidamente as regras básicas, ferramentas e técnicas para desenvolver aplicativos da web interativos modernos do zero e interfaces de usuário baseado em Javascript. O curso básico é voltado para alunos com pouca ou nenhuma experiência em programação, portanto, o programa está disponível mesmo para alunos sem nenhum conhecimento especial.

Objetivo do curso: Ensine aos alunos os conceitos, princípios, sintaxe e ferramentas para o desenvolvimento de páginas da web e aplicativos usando Javascript, uma linguagem de programação de script baseada em protótipo do zero.

O Curso Básico de Javascript Profissional foi desenvolvido para:

• Alunos sem experiência em desenvolvimento web e conhecimento de qualquer linguagem de programação;
• Ouvintes com conhecimentos básicos de HTML e CSS;
• Designers de layout, programadores e especialistas em front-end que desejam aprender uma linguagem de programação adicional.

Como resultado de dominar o programa do curso Javascript e jQuery, você receberá o seguinte conjunto de conhecimentos e habilidades:

• Escopos e princípios de programação em JavaScript e jQuery;
• Os conceitos de objetos, identificadores, arrays, loops e estruturas;
• Funções, métodos e propriedades de objetos numéricos;
• Como funciona o framework jQuery e como interage com a linguagem Javascript;
• Trabalhando com DOM - modelo de objeto de documento;
• Utilizar funções e ações em elementos, programar eventos e reações em uma página web, trabalhar com formulários, criar controles deslizantes.

Inscreva-se em um curso de programação Javascript no State Center for Higher Education para obter uma base para um maior desenvolvimento profissional na área de desenvolvimento web!

Currículo do curso

Tópico 1. Informação geral e princípios de programaçãoJavaScript ejQuery... Criação de um ambiente de desenvolvimento.

1. Noções básicas de sintaxe JavaScript. Métodos, objetos, propriedades.

2. O método de gravação do objeto de documento.

3. Conceito e uso de uma variável.

4. Operações em variáveis.

Tópico 2. Arrays, construções, loops.

1. Introdução aos arrays.

2. A propriedade de comprimento, método de emenda.

3. Métodos básicos e formas de trabalhar com arrays.

4. Matrizes multidimensionais.

5. A construção if-else.

Tópico 3. Métodos, funções, propriedades de objetos string e numéricos.

1. Construções de loop while e for.

2. Métodos de alerta do objeto Janela, prompt, confirmação.

3. Introdução às funções.

4. Métodos básicos e formas de trabalhar com funções.

5. Propriedades e métodos de objetos string.

Tópico 4. Trabalhando com datas emJavaScript... Modificaçãorede-Páginas.

1. Funções e métodos de objetos numéricos.

2. Trabalhar com datas em JavaScript.

3. Criação de seus próprios objetos.

4. Criação de métodos para seu próprio objeto.

Tópico 5. Compreensão geraljQuery e os princípios básicos de interação.

1. Modificação de páginas da web.

2. DOM - modelo de objeto de documento.

3. Introdução ao jQuery.

4. Noções básicas de tecnologia e uso de jQuery.

Tópico 6. Criação de uma seleção de elementos de página, ações nos elementos selecionados.

1. Ações nos elementos selecionados.

2. Funções de texto, ocultar, mostrar.

3. O conceito de funções em cadeia e ciclos automáticos.

4. Altere a largura e a altura dos elementos.

5. Funções básicas que estendem ações em elementos.

Tópico 7. Reação dos elementos da página da web aos eventos.

1. Eventos na página da web.

2. Comportamento dos elementos da página da web.

3. Eventos rastreados pelo navegador.

4. modelo de evento jQuery.

5. eventos jQuery.

6. Criação de um controle deslizante com uma apresentação de slides.

Tópico 8. Métodos e filtros para trabalhar com formulários.

1. Noções básicas de trabalho com formulários em jQuery.

2. Seleção e filtragem de elementos do formulário.

3. Filtros de estados de elementos de formulário.

4. Desligue e ligue, oculte e mostre campos.

5. Recursos adicionais do jQuery.

Assuntos abordados

• Versões e implementações de JavaScript;
• Aplicativos JavaScript (navegador, servidor, desenvolvimento móvel);
• Tipos de dados: String, Number, Boolean (o conceito de verdadeiro e falso);
• Operadores, prioridade do operador;
• Declarações de variáveis: var, const, let;
• Loops: while, for, for ... in, for ... of;
• Trabalhar com números e strings;
• Valores nulos e indefinidos: diferenças e finalidades de uso;
• Trabalhando com o console;
• Exceções de JavaScript.

• Formato JSON, exemplos;
• JSON.parse e stringify;
• Objects, trabalhando com a classe Object;
• Criação de objetos (usando literal (), novo operador, criação de método);
• Herança prototípica, referência __proto__;
• Getters e Setters;
• Em operator e hasOwnProperty, o conceito de propriedades enumeradas;
• Método ToString (), chamada de método e substituição;
• Método ValueOf (), chamada e substituição de método;
• Criação de array: literais e novo Array ();
• Mudança automática do comprimento do array;
• Obter e definir o comprimento do comprimento da matriz, truncando a matriz;
• Usando os métodos join () e concat ();
• Usando o método de classificação, definindo a ordem de classificação da matriz;
• Usando os métodos de fatia e emenda;
• Usando métodos push, pop, shift, unshift: criando uma pilha ou fila.

• Usando o construtor new Date ();
• O conceito de uma representação por computador de uma data como um tempo com a Epoch;
• Usando getTime () e setTime ();
• Representação de string de análise de datas;
• Opções para criar strings em JS: usando aspas simples e duplas;
• Interpolação de strings (string em apóstrofos);
• Caracteres especiais de escape em uma string;
• Concatene strings, converta em maiúsculas e minúsculas;
• Encontrar uma substring usando indexOf () e lastIndexOf ();
• Selecionando uma substring com substring () e substr ()
• Aplicação dos métodos includes, endsWith, startsWith.

• Gestão da janela do navegador, documento, eventos e design (estilos CSS);
• O objeto da janela e seu uso;
• Conectando o código JavaScript a uma página HTML;
• A ordem em que os scripts são executados na página;
• Cache de script, servidores CDN, reinicialização forçada JavaScript;
• Trabalhando com links, conectando JavaScript a links;
• O evento onload e seu uso;
• Ataques XSS no site;
• Trabalhando com o DOM: using window, document, childNodes;
• Manipulação de documentos usando o DOM: criação, exclusão, movimentação de elementos;
• Usando getElementById (), getElementsByTagName (), getElementsByClassName () para localizar elementos na página;
• Trabalhar com métodos e propriedades HTMLDocument e HTMLElement.

• Conceito de programação de eventos;
• Manipuladores e ouvintes de eventos;
• Conectando manipuladores usando addEventListener ();
• Propriedades e métodos da classe Event;
• Espalhar eventos para cima (bolhas) e para baixo (captura);
• Pare a propagação;
• Eventos de janela;
• Eventos de mouse e teclado, propriedades de eventos especiais;
• Eventos de formulário;

• Padrão CSS, propriedades CSS básicas;
• Estilos gerais e estilos de elementos individuais;
• Estilos em cascata;
• Seletores CSS
• Modificando CSS com JavaScript;
• Recuos: margem, preenchimento, borda;
• Controlar a visibilidade dos elementos: visibilidade e exibição;
• Elementos de posicionamento: absoluto, fixo, relativo, configuração superior e esquerda;
• Unidades de medida px, pt e outras;
• Estouro de elemento e controle por meio da propriedade de estouro;
• Gerenciamento da camada de documentos: propriedade zIndex;
• Animação, elementos móveis;
• Trabalhando com classes, definindo className;
• Trabalhando com transparência e transições;
• O método querySelectorAll ().

• Razões para usar módulos;
• Exportar do módulo;
• Importar de um módulo;
• Reexportar;
• Trabalhando com NPM, arquivo package.json;
• Instalação global e local de pacotes;
• Usando webpack para construir um projeto;
• Carregadores CSS e TypeScript;
• Webpack.config.js config;
• Criação de pacote, compressão;
• Plugins Webpack;
• O uso de antigos sistemas de modularidade - CommonJS e AMD;
• Usando CommonsChunkPlugin, vários pontos de entrada;
• Troca a quente de módulos HMR.

• Herança prototípica, referência __proto__;
• Protótipo de objeto;
• Usando instanceof;
• A palavra-chave class, criando classes;
• A super palavra-chave;
• Usando o método Object.assign ();
• Usando o método Object.defineProperty ();
• Getters e Setters;
• Operador de difusão para trabalhar com objetos e matrizes;
• Destruindo um array e um objeto.

• Funções como variáveis;
• Matriz de argumentos;
• Classe de função, métodos call () e apply ();
• Método Bind (), definindo este e alguns dos parâmetros com bind;
• Fechamentos em JavaScript
• Encapsulando valores usando fechamentos;
• Criação de função através do construtor Function: construção de string;
• Funções de setas, exemplos de seu uso;
• Manipulação de array funcional: find, findIndex, filter;
• Exemplos de uso de map / filter / reduce para processar dados em uma matriz.

• O conceito de imutabilidade, seus benefícios;
• Métodos mutáveis \u200b\u200be imutáveis \u200b\u200bpara modificar objetos e matrizes;
• Conceito e vantagens do DOM virtual;
• Testando funções imutáveis, usando Jest;
• Memoização, seus benefícios;
• Principais erros e recomendações ao usar a programação funcional;
• Padrão MVC, criando interface de usuário;
• Uma visão geral das principais bibliotecas para desenvolvimento de interface: Angular, React, Vue.

• O conceito e necessidade de assincronia;
• Trabalhando com setTimeout, setInterval, clearTimeout;
• Funções de callback (callbacks);
• Perda disso ao trabalhar com uma função de retorno de chamada. Opções de solução (usando bind, arrow functions, etc.);
• Conceito de promessas, retornando uma promessa de uma função assíncrona;
• Método Promise.all (), sua aplicação;
• Sintaxe assíncrona / esperar, casos de uso, limitações;
• Tratamento de contingências: rejeição de promessas, tratamento de exceções para chamadas assíncronas.

• Protocolo HTTP;
• Métodos e cabeçalhos HTTP (GET, POST, PUT, DELETE, outros), transferência de dados;
• Servidores HTTP (visão geral);
• Códigos de resposta do servidor HTTP;
• Usando formulários para enviar dados;
• Transferência de dados para o servidor usando AJAX;
• Arquitetura REST: vantagens e recursos;
• Implementação de CRUD (operações Criar / Ler / Atualizar / Excluir) ao trabalhar com REST;
• Usando a função fetch () para receber e enviar dados;
• Documentando serviços REST com Swagger;
• Conceito HATEOAS, aplicação;

• Comparação da biblioteca Axios de alto nível e o uso de fetch () de baixo nível;
• Solicitações GET e POST para Axios;
• Usando async / await com Axios;
• Tratamento de erros ao usar Axios;
• Cancelamento da solicitação usando Axios;
• Protocolo WebSocke;
• Exemplos de uso de WebSocket, comparação com HTTP;
• Animação HTML;

Objetivos

Depois de concluir o curso, os alunos estarão bem versados \u200b\u200bnos recursos da linguagem JavaScript, eles obterão uma base para o uso futuro de estruturas da web como React ou Angular. Os alunos irão estudar em detalhes a estrutura e sintaxe da linguagem, seu modelo de objeto. O modelo DOM de um documento HTML é examinado em detalhes, uma introdução ao CSS é fornecida e as técnicas para manipular o DOM e CSS usando JavaScript são estudadas. Modelos de tratamento de eventos são estudados. Questões de criação de formulários são estudadas. São consideradas as tecnologias JSON e Ajax, a assincronia e o trabalho com o servidor.

O público alvo

Preparação preliminar