O desenvolvimento da Web muitas vezes pode ser muito complexo. Hoje, para iniciantes, quero apresentar 26 conceitos e técnicas, um para cada letra do alfabeto inglês. Parece estranho, então vamos começar.
Um——Ájax
AJAX significa javaScript assíncrono e xml e é a principal força motriz por trás de todos os aplicativos web fluentes que você usou nos últimos anos. Como tecnologia, o AJAX já é amplamente utilizado. Gmail, Flickr, etc. Você pode até encontrá-lo no painel de administração do WordPress. Então, o que é exatamente e como funciona?
Em sua essência, é o xmlhttpRequest, que permite enviar solicitações e receber respostas após a página ter sido totalmente renderizada, sem a necessidade de associação com outras partes da página. Isso significa que os aplicativos web não precisam atualizar a página inteira para cada operação. Isso fornece uma experiência de usuário muito suave e dinâmica, semelhante a um aplicativo de desktop.
Leitura relacionada
Como fazer solicitações AJAX com Javascript bruto
24 melhores práticas para implementações AJAX
Envie um formulário sem atualização de página usando jQuery
B —— Navegador (navegador)
Um navegador é aquilo que entende a estrutura da obra-prima do seu site ou aplicativo. Além de poder ser usado para navegar na Internet, um navegador moderno também é uma plataforma multitarefa. Por exemplo, instalei-o com IRC, FTP e a capacidade de sincronizar informações para cada dispositivo. Você já deve saber que o navegador é uma ferramenta de desenvolvimento valiosa, mas também traz muitos problemas. Todo desenvolvedor que precisa garantir que seu trabalho pareça perfeito em todos os navegadores deve compreender essa dificuldade.
Leitura relacionada
13 maneiras de testar o navegador e validar seu trabalho
As 5 principais maneiras de testar seu site no navegador
9 bugs mais comuns do IE e como corrigi-los
C——CSS
CSS é uma espada afiada no desenvolvimento front-end. CSS, abreviação de Cascading Style Sheets, é uma linguagem que define como as páginas da web são exibidas. Nos dias mais assustadores do desenvolvimento web, os desenvolvedores frequentemente escreviam código de estilo em código-fonte HTML. CSS separa muito bem o estilo do conteúdo.
Leitura relacionada
Os 30 seletores CSS que você deve memorizar
30 práticas recomendadas de CSS para iniciantes
Compreendendo a especificidade do CSS
CSS: Noob to Ninja – A série completa de vídeos
D——DOM
DOM é a abreviação de Document Object Model, que é a convenção aceita para interagir com documentos HTML ou XML. A API DOM fornece funções para percorrer e manipular documentos de forma programática. "O DOM cria uma estrutura hierárquica consistente para o documento HTML analisado. Os elementos filhos são chamados de nós ou nós DOM." Se você ouvir pessoas falando sobre DOM, na verdade elas estão falando sobre scripts DOM. Anteriormente, este era um termo que descrevia o acesso e a manipulação do DOM via JavaScript. Esta é a tecnologia por trás da maioria dos sites e aplicativos modernos que você vê hoje.
Leitura relacionada
JavaScript e a série DOM: Lição 1
Javascript e o DOM: Lição 2
The Dom is a Mess – Palestra de John Resig
E——Eventos
Os aplicativos da web modernos são profundamente orientados a eventos. Então, o que é um evento? A maioria das coisas que você faz em uma página da web forma um evento. Colocar o mouse em um link, clicar em um botão, pressionar a tecla Tab, etc. são eventos válidos. A manipulação de eventos refere-se à execução de um trecho de código especificado quando ocorre um evento. Este também é o conceito básico por trás do desenvolvimento web moderno que você deve dominar.
Leitura relacionada
JavaScript de Null: Capítulo 5 – Eventos
Eventos JavaScript desde o início
JavaScript de Null: vinculação de eventos entre navegadores
Delegação de eventos JavaScript em 4 minutos
F——Incendiário
Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar as suas ferramentas. O mesmo vale para desenvolvedores web. Uma ferramenta muito poderosa é o Firebug. Firebug é uma extensão do Firefox que funciona durante todo o seu trabalho. Ele permite editar e monitorar todos os aspectos de uma página instantaneamente. Não posso entrar em detalhes sobre seus recursos aqui, então clique no link abaixo.
Leitura relacionada
10 razões pelas quais você deveria usar o Firebug
Como tematizar qualquer CMS usando Firebug
Firebug: faixa branca a preta
G - Grade
Uma grade é uma estrutura visual para estruturar uma página. Ela foi transplantada da outrora desenvolvida indústria gráfica, e a grade é uma parte essencial do desenvolvimento web atual. Existem muitas estruturas CSS que podem ser usadas para criar layouts baseados em grade, que exigem prática intensiva para um grande número de páginas e layouts.
Leitura relacionada
Uma visão detalhada da estrutura 960 CSS
Uma análise mais detalhada da estrutura CSS do Blueprint
Curso intensivo: YUI Grids CSS
Dominando o Sistema Grid 960
H——HTML
Se você está lendo este artigo agora, pode ter uma vaga ideia de seu conceito. Se você foi enganado por este link, continue lendo. A propósito, sejam bem-vindos a visitar o rockux. Fornecemos muitos artigos sobre desenvolvimento web. HTML é a abreviatura de Hypertext Markup Language e é o padrão de fato para linguagem da web. HTML é composto de vários componentes ou elementos: tags, atributos de tags e o conteúdo contido nas tags. A última versão do padrão HTML, HTML5, nos traz muitas novidades e resolve alguns problemas de compatibilidade.
Leitura relacionada
Curso “HTML5 e você”
30 práticas recomendadas de HTML para iniciantes
28 recursos, dicas e técnicas do HTML5 que você deve conhecer
As 10 tags HTML que os iniciantes não usam
Eu - ou seja
Uh, Internet Explorar. O nome evoca admiração e raiva. Foi um herói, trazendo quatro novos recursos interessantes que impulsionaram toda a indústria e também encerrou a história de estagnação dos navegadores. Até hoje, ainda lidera os desenvolvedores front-end. Após dez anos de guerra, a última versão do IE é a 9, e voltou na direção certa de inovação. Independentemente da sua atitude em relação ao IE, ele ainda é uma parte inevitável do processo de desenvolvimento web.
Leitura relacionada
As coisas que o Internet Explorer acertou
9 bugs mais comuns do IE e como corrigi-los
O Internet Explorer acertou o modelo da caixa?
J-JavaScript
JavaScript é o membro final da trifeta básica de desenvolvimento web. JavaScript, e não Java, é a linguagem de script da Web. Existem bilhões de páginas da web que o utilizam e, mais importante, os sites que respaldam essa afirmação. Você define comportamento, gerencia eventos, manipula o DOM e interage com o servidor através de JavaScript. A compreensão e o conhecimento do JavaScript crescem a cada ano graças ao uso de bibliotecas incríveis como o jQuery. Acho apropriado dizer que JavaScript é absolutamente obrigatório para todo desenvolvedor web moderno.
Leitura relacionada
24 práticas recomendadas de JavaScript para iniciantes
JavaScript de Null: série de vídeos
33 desenvolvedores que você DEVE assinar como um viciado em JavaScript
K —— Otimização de palavras-chave (otimização de palavras-chave)
SEO é relevante apenas para desenvolvimento web, mas mesmo assim, é importante que os desenvolvedores web tenham algum conhecimento básico do que é SEO e o que ele pode fazer. A otimização de palavras-chave refere-se a escolher as palavras-chave certas para o seu site e otimizá-las para que os visitantes possam encontrá-lo. E quando você entrar em todos os princípios de SEO, lembre-se: o conteúdo é rei. Se você tiver um ótimo SEO, mas um conteúdo ruim, os usuários poderão encontrá-lo, mas sairão rapidamente. Se você tiver um bom conteúdo, os usuários encontrarão você e ficarão.
Leitura relacionada
As únicas ferramentas de SEO que você realmente precisa
L——Menos
Menos é uma linguagem de estilo rosa espinhoso. O site deles descreve LESS como uma extensão do comportamento dinâmico do CSS, como variáveis, mixins, operadores e funções, e tendo a favorecer essa abordagem. MENOS é CSS com esteróides anabolizantes. Sim, parece melhor para mim, mas você sabe o que significa. Ele traz as características das linguagens dinâmicas para o CSS, tornando as folhas de estilo mais poderosas e fáceis de gerenciar.
Leitura relacionada
Como extrair o máximo de MENOS
Você precisa verificar LESS.js
Nunca digite um prefixo de fornecedor novamente
M——MVC
O padrão Model View Control, mais conhecido como padrão MVC, é um dos padrões mais utilizados no desenvolvimento web. Este é um padrão de arquitetura que divide cada parte de uma aplicação web em partes lógicas para facilitar a manutenção - o modelo trata dos dados, a visão trata da apresentação e o controlador é responsável pelo fluxo de dados entre as duas partes.
Se você usa uma estrutura moderna de desenvolvimento web, você usa MVC. Ruby on Rails, Code Igniter e Zend Framework usam esse padrão.
Leitura relacionada
MVC para iniciantes
Crie seu primeiro Boilerplate Tiny MVC com php
asp.net do zero: MVC
N - nó.JS
node.JS leva o desenvolvimento web a uma nova era. Torna possível executar JavaScript em um mecanismo VM (V8) muito rápido. Os resultados desta mudança nos padrões de pensamento podem não ser imediatamente aparentes, mas com o tempo as vantagens tornar-se-ão evidentes.
A incrível velocidade e capacidade de gerenciar milhares de eventos de IO simultâneos são os principais pontos de discussão para desenvolvedores de JavaScript em todo o mundo.
Leitura relacionada
Aprendendo JavaScript do lado do servidor com Node.js
Site oficial do Node.JS
O——Objeto
A programação orientada a objetos tem sido amplamente aceita pela comunidade de programação devido à sua flexibilidade. Usando OOP você pode escrever menos linhas de código, tornando-o mais limpo e, portanto, mais fácil de manter. Mas o que exatamente são objetos? É difícil explicar claramente em uma ou duas frases, então veja o link abaixo.
Leitura relacionada
PHP orientado a objetos para iniciantes
Os princípios básicos do JavaScript orientado a objetos
Link da Wikipédia
P——PHP
PHP é sem dúvida a linguagem de servidor mais popular – ela alimenta milhões, possivelmente bilhões, de páginas da web e aplicativos.
Apesar de uma série de atualizações e debates sobre a melhor escolha para escrever aplicações web, o PHP não apenas sobreviveu, mas também prosperou. WordPress, Joomla, Drupal, MediaWiki usam PHP como linguagem de backend. Um dos principais motivos é que a implantação é fácil e você pode encontrar com relativa facilidade um host que suporte PHP.
Leitura relacionada
Mais de 30 práticas recomendadas de PHP para iniciantes
Por que você é um péssimo programador de PHP
9 funções e recursos úteis do PHP que você precisa conhecer
P —— Consulta
As consultas em nossos artigos podem significar muitas coisas. A linguagem de consulta é uma interface usada para obter dados de sistemas externos. SQL é um bom exemplo de obtenção de informações de um banco de dados relacional.
A string de consulta, por outro lado, é a parte que é passada para a aplicação web como parte da URL. Esses dados podem ser qualquer coisa da página que o usuário está acessando para verificar um ID ou transação. As strings de consulta são formatadas como pares de valores-chave.
Leitura relacionada
CodeIgniter do zero: resultados de pesquisa sem strings de consulta
Consulta SQL “Postagens populares por contagem de comentários” no WordPress
R - Expressões Regulares
As expressões regulares fornecem uma maneira flexível de combinar strings no texto de acordo com padrões especificados. É escrito em uma linguagem específica e analisado por um intérprete. Todas as linguagens modernas suportam expressões regulares.
Leitura relacionada
Expressões regulares para leigos: série de screencasts
Você não sabe nada sobre expressões regulares: um guia completo
Dicas e técnicas avançadas de expressão regular
S - Controle de origem (controle de origem)
O controle de origem é uma prática popular no processo de desenvolvimento de uma equipe, não importa em que aspecto eles se concentrem - programadores em qualquer área usam o controle de origem. Mas o que é exatamente? Simplificando, o controle de origem permite que uma equipe de desenvolvedores trabalhe em uma coleção de arquivos, rastreando e identificando as alterações de cada membro. Cada versão do código pode ser comparada, mesclada ou até mesmo restaurada.
Leitura relacionada
Terminal, Git e GitHub para o resto de nós: Screencast
Uma introdução visual ao Git
Fácil controle de versão com Git
Pegando o jeito do GitHub
T - TDD (Desenvolvimento Orientado a Testes)
Este é novamente um elemento comum entre todos os desenvolvedores. TDD é a abreviatura de desenvolvimento orientado a testes, que se refere ao processo de execução de código e automatização de casos de teste para esse código ao mesmo tempo. Isso elimina muitos testes de software tediosos e incentiva os desenvolvedores a testar mais.
Leitura relacionada
O guia do novato para desenvolvimento orientado a testes
Desenvolvimento de JavaScript orientado a testes na prática
Como testar seu código JavaScript com QUnit
U —— Teste de Unidade (teste de unidade)
Os testes unitários são uma série de TFFs onde pequenas unidades de código são testadas para garantir que sejam liberáveis. No entanto, o teste unitário é frequentemente relacionado aos métodos do OPP, o que geralmente significa a menor unidade do programa que pode ser testada de forma independente.
Leitura relacionada
Como testar seu código JavaScript com QUnit
V——VIM
VIM é um editor de texto muito extremo. O Vim é gratuito, de código aberto e possui inúmeros pacotes de recursos para você escolher. Por outro lado, sua curva de aprendizado é quase insuportavelmente íngreme e, sem bons recursos, você pode ficar perdido por muito tempo. Clique no link abaixo para ver por que vale a pena.
W-WordPress
O WordPress começou como um sistema de blog mínimo, mas agora se expandiu incrivelmente. Sua escalabilidade permite que seja usado para tudo, desde CMS até sistemas de comércio eletrônico. Ele também tem muitos entusiastas e seguidores, incluindo desenvolvedores e designers, que desejam torná-lo uma plataforma confiável na qual você possa confiar para futuros sites.
Leitura relacionada
Como criar um tema WordPress do zero
Plug-ins essenciais para cada instalação do WordPress
Dimensionando o WordPress para alto tráfego
Os 50 principais tutoriais de WordPress
8 ótimos plug-ins de SEO para WordPress
X——XSS
XSS significa script entre sites. Esta é uma das muitas perguntas de segurança que você pode fazer ao criar um site. XSS refere-se ao ato de carregar um site ou programa vulnerável com scripts maliciosos para aumentar privilégios ou obter informações confidenciais, muitas vezes ambos.
Leitura relacionada
Você pode hackear seu próprio site? Uma olhada em algumas considerações essenciais de segurança?
CodeIgniter do zero: segurança
5 dicas úteis para criar aplicativos PHP seguros
S——YUI
A Biblioteca de Interface do Usuário do Yahoo é uma biblioteca JavaScript que simplifica o processo de criação de sites interativos. Como a maioria das bibliotecas modernas, ela fornece manipulação de DOM e AJAX pronto para uso. Embora não seja tão famoso quanto o jQuery, o YUI ainda tem uma base de usuários muito grande e tem sido desenvolvido ativamente.
Leitura relacionada
Uma introdução ao YUI
2010 pelas lentes do YUI Theatre
Índice Z——Z
Z-Index é uma propriedade CSS que define como um elemento se acumula na página - define o quão próximo um elemento está do topo da janela de visualização. Um valor grande indica que aparecerá acima do elemento com um valor pequeno. Embora essa propriedade possa ser relativamente especializada, ela entra em ação imediatamente quando você cria widgets ou designs web mais complexos.