DEV Community

Maíra
Maíra

Posted on

5

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,

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More