<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Maíra</title>
    <description>The latest articles on DEV Community by Maíra (@mairarquino).</description>
    <link>https://dev.to/mairarquino</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F345946%2F0d7ad799-ae07-401c-a1fa-671d8c76cb0b.png</url>
      <title>DEV Community: Maíra</title>
      <link>https://dev.to/mairarquino</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mairarquino"/>
    <language>en</language>
    <item>
      <title>Aprendi Lógica de Programação. E agora?</title>
      <dc:creator>Maíra</dc:creator>
      <pubDate>Fri, 27 Mar 2020 15:59:22 +0000</pubDate>
      <link>https://dev.to/mairarquino/aprendi-logica-de-programacao-e-agora-419k</link>
      <guid>https://dev.to/mairarquino/aprendi-logica-de-programacao-e-agora-419k</guid>
      <description>&lt;p&gt;Agora que você aprendeu a lógica de programação, é necessário entender alguns conceitos antes de iniciar o próximo curso.&lt;/p&gt;

&lt;p&gt;Primeiro, veremos na prática a diferença entre back-end e front-end:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Front-End&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftpd3atcv4xj3zty9jy7b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftpd3atcv4xj3zty9jy7b.png" alt="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Client-server-model.svg/1200px-Client-server-model.svg.png" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O lado do Cliente (também conhecido como Front-End) é responsável por "dar vida" à interface. Trabalha com a parte da aplicação que interage diretamente com o usuário. Por isso, é importante que esse desenvolvedor também se preocupe com a experiência que o usuário vai ter.&lt;/p&gt;

&lt;p&gt;A grosso modo essas são as ferramentas básicas para o desenvolvedor front-end usar:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpz6g25mpthz7y9ainhya.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpz6g25mpthz7y9ainhya.jpg" alt="https://becode.com.br/wp-content/uploads/2016/05/O-Front-end-Developer-Entenda-a-Diferen%C3%A7a-entre-um-Webdesigner-e-um-Desenvolvedor-Web.jpg" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Back-End&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;O desenvolvedor back-end trabalha na parte de "trás" da aplicação. Ele é o responsável, de forma geral, pela lógica envolvida no sistema e pela implementação das regras de negócios. Em uma aplicação web, este desenvolvedor, quando focado, não toca na parte visual da aplicação.&lt;/p&gt;

&lt;p&gt;Quando falamos de back-end em desenvolvimento web, nos deparamos com várias linguagens, como &lt;em&gt;Go&lt;/em&gt;, &lt;em&gt;Clojure&lt;/em&gt;, &lt;em&gt;C#&lt;/em&gt;, &lt;em&gt;PHP&lt;/em&gt;, &lt;em&gt;Java&lt;/em&gt;, &lt;em&gt;Python&lt;/em&gt;, &lt;em&gt;Ruby&lt;/em&gt;, entre outras. Cada uma possui vantagens e desvantagens em relação ao uso no desenvolvimento web, bem como no mercado de trabalho.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4crzfty1s5nu75g233ud.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4crzfty1s5nu75g233ud.png" alt="https://becode.com.br/wp-content/uploads/2017/02/As-15-principais-linguagens-de-programa%C3%A7%C3%A3o-no-mundo.png" width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;E o desenvolvedor FullStack atua nestas duas vertentes.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Básico de Front-End:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;HTML:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.devmedia.com.br/html-basico-codigos-html/16596" rel="noopener noreferrer"&gt;https://www.devmedia.com.br/html-basico-codigos-html/16596&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;CSS:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.hostinger.com.br/tutoriais/o-que-e-css-guia-basico-de-css/" rel="noopener noreferrer"&gt;https://www.hostinger.com.br/tutoriais/o-que-e-css-guia-basico-de-css/&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Back-End - Com foco na linguagem JavaScript:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://rocketseat.com.br/starter/curso-gratuito-javascript" rel="noopener noreferrer"&gt;https://rocketseat.com.br/starter/curso-gratuito-javascript&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Dicionário Básico de Programação:&lt;/p&gt;

&lt;p&gt;console.log("Hello World"); = Escreva("Hello World");&lt;/p&gt;

&lt;p&gt;Concatenação = + (ao invés de usar vírgula para juntas variáveis com caracteres, usa-se o simbolo de +)&lt;/p&gt;

&lt;p&gt;Variáveis:&lt;/p&gt;

&lt;p&gt;int = Inteiros&lt;/p&gt;

&lt;p&gt;String = Caracteres,&lt;/p&gt;

&lt;p&gt;Float (ou Double) = Números decimais&lt;/p&gt;

&lt;p&gt;Boolean = Verdadeiro ou Falso&lt;/p&gt;

&lt;p&gt;True = Verdadeiro&lt;/p&gt;

&lt;p&gt;False = Falso&lt;/p&gt;

&lt;p&gt;Estruturas Condicionais:&lt;/p&gt;

&lt;p&gt;If = Se&lt;/p&gt;

&lt;p&gt;Else = Senão&lt;/p&gt;

&lt;p&gt;Switch Case = Escolha&lt;/p&gt;

&lt;p&gt;Estruturas de Repetição:&lt;/p&gt;

&lt;p&gt;For = Para&lt;/p&gt;

&lt;p&gt;While = Enquanto&lt;/p&gt;

&lt;p&gt;Outras estruturas =&lt;/p&gt;

&lt;p&gt;Funções = Function&lt;/p&gt;

&lt;p&gt;Classes = Class&lt;/p&gt;

&lt;p&gt;Vetor = Array&lt;/p&gt;

&lt;p&gt;Fontes:&lt;/p&gt;

&lt;p&gt;Google Images,&lt;/p&gt;

&lt;p&gt;TreinaWeb: &lt;a href="https://www.treinaweb.com.br/" rel="noopener noreferrer"&gt;https://www.treinaweb.com.br&lt;/a&gt;,&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
