As √ļltimas 10 publica√ß√Ķes relacionadas √† categoria de Tecnologia Web.


Tecnologia web

Tecnologia web

O que é a Tecnologia da Web?

Primeiramente, todos n√≥s sabemos que os computadores n√£o se comunicam do jeito que as pessoas fazem. Em vez disso, os computadores exigem c√≥digos ou dire√ß√Ķes, chamados de c√≥digos bin√°rios. E tamb√©m comandos permitem que os computadores processem as informa√ß√Ķes necess√°rias. A cada segundo, bilh√Ķes e bilh√Ķes de zeros e uns s√£o processados ‚Äč‚Äčpara fornecer as informa√ß√Ķes de que voc√™ precisa.

Ent√£o, o que isso tem a ver com a sua capacidade de postar suas √ļltimas fotos online? Tudo.

Os m√©todos pelos quais os computadores se comunicam atrav√©s do uso de linguagens de marca√ß√£o e pacotes multim√≠dia s√£o conhecidos como tecnologia da web . Nas √ļltimas d√©cadas, a tecnologia da web sofreu uma transi√ß√£o dram√°tica, de algumas p√°ginas marcadas para a web at√© a capacidade de fazer um trabalho muito espec√≠fico em uma rede sem interrup√ß√£o.

Vejamos a seguir, algumas tecnologias da Web

Navegadores

Os navegadores s√£o os int√©rpretes da web. Eles solicitam informa√ß√Ķes e, quando as recebem, mostram-nos na p√°gina em um formato que podemos ver e entender.

  • Google Chrome – Atualmente, o navegador mais popular trazido a voc√™ pelo Google
  • Safari – navegador da web da Apple
  • Firefox – Navegador de c√≥digo aberto suportado pela Funda√ß√£o Mozilla
  • Internet Explorer – navegador da Microsoft. Na maioria das vezes, voc√™ ouve os desenvolvedores da Web reclamando sobre isso.
  • Edge – √Č o mais atual navegador Web, desenvolvido pela Microsoft, para substituir o IE.
HTML – Hypertext Markup Language

HTML é uma linguagem de marcação. Ela fornece a estrutura de um site para que os navegadores da Web saibam o que mostrar.

CSS –¬†Cascading Style Sheets
  • CSS √© uma folha de estilo em cascata. CSS permite que os web designers mudem cores, fontes, anima√ß√Ķes e transi√ß√Ķes na web. Eles fazem a web com bom aspecto.
  • LESS – um pr√©-compilador de CSS para facilitar o trabalho com CSS e adicionar funcionalidade.
  • SASS – um pr√©-compilador de CSS para facilitar o trabalho com CSS e adicionar funcionalidade.
Linguagens de Programação

Linguagens de programação são formas de se comunicar com computadores e dizer-lhes o que fazer. Para isso, existem muitas linguagens de programação diferentes.

Os desenvolvedores normalmente são apenas proficientes em um canal, então eles promovem mais do que outros. Abaixo estão apenas algumas linguagens de programação mais populares

  • PHP – esta talvez seja a mais utilizada programa√ß√£o para a Web. Usado pelo WordPress e por muitos outros CMS, o PHP vem se destacando ano ap√≥s ano.
  • Javascript – usado por todos os navegadores da web e muitos outros frameworks. Arquivos .JS est√£o por toda a parte nas p√°ginas da web.
  • ASP.NET – projetada para desenvolvimento da Web para produzir p√°ginas da Web din√Ęmicas. Foi desenvolvido pela Microsoft para permitir que os programadores criem sites din√Ęmicos, aplicativos da Web e servi√ßos da Web .
  • Python – usado pelo framework Django e usado em muitos c√°lculos matem√°ticos.
  • Ruby – usado pelo framework Ruby on Rails.
  • Go – linguagem mais recente, constru√≠da para velocidade.
  • Objective-C – a linguagem de programa√ß√£o por tr√°s do iOS.
  • Swift – a mais nova linguagem de programa√ß√£o da Apple.
  • Java – Usado pelo Android e muitos aplicativos de desktop.
Frameworks

Estruturas são construídas para facilitar a construção e o trabalho com linguagens de programação. Geralmente, as estruturas executam todas as tarefas difíceis e repetitivas na configuração de um novo aplicativo da Web e as executam para você ou facilitam o trabalho.

  • Meteor – um framework javascript full-stack, para front e back end.
  • Node.js – um framework javascript do lado do servidor.
  • Ruby on Rails – uma estrutura de pilha completa constru√≠da usando ruby.
  • Django – uma estrutura de pilha completa constru√≠da usando python.
  • Ionic – um framework m√≥vel
  • Bootstrap – uma estrutura de interface do usu√°rio (interface com o usu√°rio) para construir com HTML, CSS e Javascript.
  • Foundation – uma estrutura de interface do usu√°rio para construir com HTML, CSS e Javascript.
  • WordPress – um CMS: sistema de gerenciamento de conte√ļdo, baseado em PHP.
  • Drupal – um framework CMS constru√≠do usando PHP.
  • .NET – uma estrutura de pilha completa constru√≠da pela Microsoft.
  • Angular.js – uma estrutura de javascript front-end.
  • Ember.js – uma estrutura de javascript front-end.
  • Backbone.js – uma estrutura de javascript front-end.
Bibliotecas

As bibliotecas são agrupamentos de trechos de código para habilitar uma grande quantidade de funcionalidades sem precisar escrever tudo sozinho. As bibliotecas normalmente também enfrentam o problema para garantir que o código seja eficiente e funcione bem em navegadores e dispositivos (nem sempre é o caso, mas geralmente funcionam).

  • jQuery – √© o exemplo mais cl√°ssico.
Bancos de Dados

Bancos de dados s√£o onde todos os dados s√£o armazenados. √Č como um monte de arquivos com pastas cheias de arquivos. Bancos de dados v√™m principalmente em dois tipos: SQL e NoSQL.

  1. O SQL fornece mais estrutura, o que ajuda a garantir que todos os dados estejam corretos e validados.
  2. O NoSQL oferece muita flexibilidade para construir e manter aplicativos.
  • MongoDB – √© um banco de dados NoSQL de c√≥digo aberto e atualmente √© o √ļnico banco de dados suportado pelo Meteor.
  • MySQL – √© outro popular banco de dados SQL de c√≥digo aberto. O MySQL √© usado em sites do WordPress.
  • MARIADB – √© um banco de dados mais novo, para substituir o MySQL, que foi adquirido pela Oracle.
  • Oracle – √© um banco de dados SQL corporativo.
  • SQL Server – √© um gerenciador de servidor SQL criado pela Microsoft.
Cliente e Servidor

Um cliente é um usuário de um aplicativo. Os clientes podem ser computadores desktop, tablets, ou dispositivos móveis. Geralmente, há vários clientes interagindo com o mesmo aplicativo armazenado em um servidor.

Um servidor √© onde o c√≥digo do aplicativo √© normalmente armazenado. As solicita√ß√Ķes s√£o feitas ao servidor pelos clientes e o servidor reunir√° as informa√ß√Ķes apropriadas e responder√° a essas solicita√ß√Ķes.

Front-end

O front-end √© composto por HTML, CSS e Javascript. √Č assim e onde o site √© exibido para os usu√°rios.

Back-end

O back-end √© composto pelo seu servidor e banco de dados. √Č o local onde ocorrem fun√ß√Ķes, m√©todos e manipula√ß√£o de dados que voc√™ n√£o deseja que os clientes vejam.

Protocolos

Os protocolos s√£o instru√ß√Ķes padronizadas sobre como passar informa√ß√Ķes entre computadores e dispositivos.

  • HTTP – Este protocolo √© como cada site chega ao seu navegador. Sempre que voc√™ digita um site, este protocolo solicita o site do servidor e, em seguida, recebe uma resposta com o HTML, CSS e javascript do site.
  • POP e SMTP – s√£o protocolos usados para o recebimento e envio de e-mails respectivamente.
  • REST – √© um protocolo usado principalmente para APIs. Ele possui m√©todos padr√£o, como GET, POST e PUT, que permitem que as informa√ß√Ķes sejam trocadas entre os aplicativos.
API

Uma API √© uma interface de programa√ß√£o de aplicativos. Ele √© criado pelo desenvolvedor de um aplicativo para permitir que outros desenvolvedores usem algumas das funcionalidades do aplicativo sem compartilhar c√≥digo. Os desenvolvedores exp√Ķem os “pontos finais”, que s√£o como entradas e sa√≠das do aplicativo. O uso de uma API pode controlar o acesso com chaves de API. Exemplos de boas APIs s√£o aquelas criadas pelo Facebook, Twitter e Google para seus servi√ßos da web.

Formatos de dados.

Formatos de dados s√£o a estrutura de como os dados s√£o armazenados.

  • JSON – est√° rapidamente se tornando o formato de dados mais popular
  • XML – foi o principal formato de dados no in√≠cio dos dias da web e predominantemente usado por sistemas da Microsoft
  • CSV – s√£o dados formatados por v√≠rgulas. Dados do Excel normalmente s√£o formatados dessa maneira.