DEV Community

Maíra
Maíra

Posted on

Aprendi Lógica de Programação. E agora?

Agora que você aprendeu a lógica de programação, é necessário entender alguns conceitos antes de iniciar o próximo curso.

Primeiro, veremos na prática a diferença entre back-end e front-end:

Front-End

https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Client-server-model.svg/1200px-Client-server-model.svg.png

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.

A grosso modo essas são as ferramentas básicas para o desenvolvedor front-end usar:

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

Back-End

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.

Quando falamos de back-end em desenvolvimento web, nos deparamos com várias linguagens, como GoClojureC#PHPJavaPythonRuby, entre outras. Cada uma possui vantagens e desvantagens em relação ao uso no desenvolvimento web, bem como no mercado de trabalho.

https://becode.com.br/wp-content/uploads/2017/02/As-15-principais-linguagens-de-programa%C3%A7%C3%A3o-no-mundo.png

E o desenvolvedor FullStack atua nestas duas vertentes.

Básico de Front-End:

HTML:

https://www.devmedia.com.br/html-basico-codigos-html/16596

CSS:

https://www.hostinger.com.br/tutoriais/o-que-e-css-guia-basico-de-css/

Back-End - Com foco na linguagem JavaScript:

https://rocketseat.com.br/starter/curso-gratuito-javascript

Dicionário Básico de Programação:

console.log("Hello World"); = Escreva("Hello World");

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

Variáveis:

int = Inteiros

String = Caracteres,

Float (ou Double) = Números decimais

Boolean = Verdadeiro ou Falso

True = Verdadeiro

False = Falso

Estruturas Condicionais:

If = Se

Else = Senão

Switch Case = Escolha

Estruturas de Repetição:

For = Para

While = Enquanto

Outras estruturas =

Funções = Function

Classes = Class

Vetor = Array

Fontes:

Google Images,

TreinaWeb: https://www.treinaweb.com.br,

Discussion (0)