Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Trabalho N.E

    Enviado por

    gabriel.sprtgabi
    4 visualizações8 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    4 visualizações8 páginas

    Trabalho N.E

    Enviado por

    gabriel.sprtgabi

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 8

    TRABALHO

    NOVO
    ENSINO
    MÉDIO
    Luis Otavio Bittencourt
    AIAATI V2
    Desenvolvimento WEB:
    Front-end:
    Definição:
    ● O front-end, também conhecido como lado do cliente, é a parte de uma aplicação ou site com a qual os
    usuários interagem diretamente.
    Tecnologias Principais:
    ● HTML (Hypertext Markup Language): Linguagem de marcação para estruturar o conteúdo da web.
    ● CSS (Cascading Style Sheets): Linguagem de estilo para controlar o layout e a aparência do conteúdo.
    ● JavaScript: Linguagem de programação para tornar as páginas web interativas.
    Responsabilidades:
    ● Desenvolvimento e design da interface do usuário (UI).
    ● Implementação de layouts responsivos para dispositivos diferentes.
    ● Interação do usuário e experiência do usuário (UI/UX).
    ● Integração de APIs para obter dados do back-end.
    Ferramentas e Frameworks:
    ● React, Angular, Vue.js: Frameworks populares para a construção de interfaces de usuário interativas.
    ● Sass, Less: Pré-processadores CSS para melhorar a manutenção do código.
    Navegador:
    ● O código front-end é executado no navegador do usuário.
    Desenvolvimento WEB:
    Back-end:
    Definição:
    ● O back-end, também conhecido como lado do servidor, lida com a lógica da aplicação, processamento de
    dados e interação com o banco de dados.
    Tecnologias Principais:
    ● Node.js, Python, Ruby, PHP, Java, .NET: Linguagens de programação frequentemente usadas no back-end.
    ● Express, Django, Ruby on Rails, Laravel: Frameworks que simplificam o desenvolvimento back-end.
    Responsabilidades:
    ● Gerenciamento de dados e banco de dados.
    ● Lógica de negócios e processamento de dados.
    ● Autenticação e autorização de usuários.
    ● Manipulação de requisições e respostas do cliente.
    Banco de Dados:
    ● Armazenamento e recuperação de dados.
    ● Exemplos incluem MySQL, PostgreSQL, MongoDB.
    Servidor:
    ● O código back-end é executado no servidor.
    Tecnologias Front-end:

    HTML:
    Definição:
    ● HTML é uma linguagem de marcação usada para estruturar o conteúdo de uma página web.
    Função:
    ● Define a estrutura básica de uma página web, incluindo cabeçalhos, parágrafos, listas, imagens, links, entre
    outros.
    Exemplo:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Minha Página</title>
    </head>
    <body>
    <h1>Olá, Mundo!</h1>
    <p>Esta é uma página web simples.</p>
    </body>
    </html>
    Desenvolvimento WEB:
    CSS:
    Definição:
    ● CSS é uma linguagem de estilo usada para controlar a apresentação e o layout de elementos HTML em uma
    página web.
    Função:
    ● Permite definir cores, fontes, espaçamentos, margens, animações e outros aspectos visuais.
    Exemplo:
    body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    }

    h1 {
    color: #333;
    }

    p{
    margin-bottom: 10px;
    }
    Desenvolvimento WEB:
    JavaScript:
    Definição:
    ● JavaScript é uma linguagem de programação que permite tornar páginas web interactivas.
    Função:
    ● Possibilita manipulação do DOM, interação do usuário, requisições assíncronas (AJAX), entre outras
    funcionalidades dinâmicas.
    Exemplo:

    function saudacao() {
    alert('Olá, visitante!');
    }

    let botao = document.getElementById('meuBotao');


    botao.addEventListener('click', saudacao);
    HTML:

    HTML (Hypertext Markup Language) é uma linguagem de marcação fundamental para o desenvolvimento
    web. Utilizada para estruturar o conteúdo de uma página, ela consiste em elementos marcados por tags. A
    estrutura básica inclui as tags <html>, <head>, e <body>. Elementos, como <p> para parágrafos e <a> para
    links, são usados para criar o conteúdo, podendo conter atributos, como href em links. Listas ordenadas
    (<ol>) e não ordenadas (<ul>) são suportadas, assim como formulários interativos com tags como <form>,
    <input>, e <button>. Comentários são feitos com <!-- ... -->. Tags semânticas, como <header>, <nav>, e
    <footer>, fornecem significado estrutural ao conteúdo, e HTML é frequentemente combinado com CSS e
    JavaScript para criar páginas web interativas e estilizadas.
    CSS:

    CSS (Cascading Style Sheets) é uma linguagem de estilo fundamental para o desenvolvimento web.

    Utilizada para controlar a apresentação e o layout de elementos HTML, ela opera por meio de seletores e

    propriedades. Cores, fundos, margens, preenchimento e bordas são ajustados para estilizar elementos.

    Fontes, tamanhos e estilos de texto são controlados, assim como o layout e posicionamento de elementos.

    Media queries possibilitam estilos responsivos. Animações, transições e efeitos visuais podem ser

    adicionados. Flexbox e Grid oferecem layouts mais avançados. Importação de fontes externas é suportada.

    O CSS é crucial para a estética e usabilidade de uma página web, proporcionando controle visual sobre

    elementos HTML. Pode ser aplicado diretamente no documento HTML ou em um arquivo externo.

    Você também pode gostar