Front-end, Back-end e Full stack - @Curso em Vídeo HTML5 e CSS3

e esse aqui é mais um vídeo relativo ao capítulo 3 lances material de apoio e dessa vez nós vamos ver o que significa 13 termos muito importante é E aí E aí [Música] o Olá tudo bem com você seja muito bem vindo muito bem-vinda a mais uma aula aqui do seu curso de HTML e CSS mas ainda estamos no terceiro capítulo que como você deve estar percebendo a minha imagem está um pouco diferente do que tá acontecendo aí durante o curso isso acontece porque essa gravação a gravação desse curso começou há alguns meses atrás vocês

vão me ver mudando muito é só você ver a minha imagem durante as primeiras aulas e durante os avisos dos nossos patrocinadores eu estou diferente o ambiente está diferente a iluminação está diferente isso porque ocorreu uma adaptação porque não sei se você sai desse curso está sendo gravado durante uma pandemia onde eu não tenho mais estúdio e eu tô utilizando o meu apartamento para poder fazer essas gravações emergenciais mas não é esse o assunto da aula Espero que quando você esteja vendo esse vídeo essa pandemia já tenha passado já tenha ficado no passado você nem

lembro direito dela o meu objetivo aqui é falar sobre três termos que você vê aparecendo muito em grupos de estudo a lista de discussão que são os termos front-end back-end e front Tech eu vim aqui de uma vez por todas te explicar o que que é cada um deles qual a relação que existe entre eles porque existem relação entre sistema e você também vai ser capaz de explicar para todo mundo nesses grupos quando surgiu esse tipo de dúvida e se por acaso essa dúvida surgir e você puder Compartilhar esse vídeo eu te agradeço bastante mas

vamos diretamente para aula mas sem antes trazer aquele recadinho do nosso patrocinador e o recado dessa aula aqui quem vai trazer para você é um estudou na alta tem como eu disse um recado anterior traz vários cursos para você mas não pense só que é só curso para quem é muito avançado não aqui não consegui por exemplo nós temos um curso de introdução à programação utilizando a ferramenta aviso áudio e para você que está se perguntando o que que introdução à programação se você tá querendo aprender só a criar sites pois saiba que a parte

Inicial você não precisa saber programar o problema quando você vai aprender JavaScript PHP Java ser que aí você um dos fundamentos de programação e não estudou na alta a gente tem um curso mais atualizado muito mais atualizado do que esse que a gente disponibiliza aqui no curso em vídeo mas não estudou na outra a gente tem cinco módulos de desenvolvimento dentro de princípios básicos os primeiros passos utilizando uma ferramenta Nacional muito mais atualizada que é o Portugal estúdio então se você já teve algum problema em relação à desenvolvimento nos princípios de desenvolvimento Talvez seja uma

ótima pedida dá uma olhada nesse curso de cinco módulos cheio de aulas e cheio de exercícios para você e você pode ter maiores informações apontando a câmera do seu celular para esse pode porque tá aparecendo aqui embaixo ou pegando link na descrição desse vídeo vamos agora a nossa aula normal né bom então vamos lá o nosso objetivo aqui inicialmente é falar sobre front-end e back-end na verdade na minha opinião o termo nem deveria ser esse Mas acabou que o mercado levou a isso então eu não vou discutir sobre isso eu vou te explicar o que

que é caráter e depois eu até falo qual termo eu acho que seria mais coerente Mas para te explicar esses três termos a gente tem que dar uma retornada uma imagem que a gente viu bastante durante as últimas aulas essa imagem aqui que representa basicamente o funcionamento da internet onde eu te expliquei lá o que tem o DNS Como existe o tráfego de informações entre os pontos então se você não viu esse vídeo aqui em cima na minha cabeça exatamente a minha cabeça Luizinho de interatividade Você vai para a Playlist completa não pula nenhum vídeo

inclusive lá no início a gente tem um vídeo chamado temos um acordo para fazer Espero que você tenha visto e nós aulas anteriores eu te expliquei por exemplo que existem pontos como a b e c que eu acabei de marcar e na imagem que são que a gente chama de cliente que é exatamente o seu computador exatamente agora os seus computadores e quando você tá fazendo acesso a esse vídeo e esse vídeo tá vindo de um servidor que eu acabei de identificar aqui com a letra s a função de um servidor é te entregar dados

a entregar dados para o cliente e nós vimos nas aulas anteriores que a forma mais simples é o servidor entregar os dados diretamente do cliente como Acabou de acontecer e normalmente no desenvolvimento mais simples que é o foco nesse curso ele vai te entregar três tipos de tecnologia HTML CSS e JavaScript e assim como entrega para você para o seu cliente ele vai entregar para todos os outros clientes que solicitarem a mesma página isso que está representado aqui do lado é o que a gente chama de site estático onde o mesmo site é entregue para

todos os clientes se eu tiver acessando agora um site estádio que vocês ao mesmo site a nossa experiência vai ser exatamente a mesma nosso resultado visual vai ser exatamente eu vejo todas essas tecnologias que eu tô englobando aí ó todas essas que eu circulei HTML CSS JavaScript a tecnologia que a gente diz que vão funcionar do lado do cliente o seu navegador seja ele o Google Chrome O Firefox wedge o Opera o Safari tanto no seu computador quando o celular tablet qualquer dispositivo que tem um navegador ele é capaz de executar essas três tecnologias essas

três linguagem e a esse tipo de tecnologia né Por exemplo CSS JavaScript e HTML a gente chama a gente é o nome dessa tecnologia de tecnologias client Side ou Tecnologias para o lado do cliente né cliente cliente sai de lado então são tecnologias que vão funcionar não no servidor o papel do Servidor em tecnologia splendid é simplesmente entregar o arquivo para você o seu navegador vai ser o responsável por Executar tudo isso por isso a gente chama de tecnologias para o lado do cliente é o considero um termo muito mais legal por exemplo eu quero

ser desenvolvedor né Eu estou estudando esse curso você tá estudando para ser desenvolvedor e nos dias tô inside então eu gosto mais do termo client-side da Bel para o desenvolvedor do lado do cliente mas o mercado há alguns anos atrás instituiu um termo é muito comum chamado desenvolvedor front-end então basicamente sempre que você fala assim a hora vaga para desenvolvedor front-end que que é vaga para desenvolvedor front-end é vaga para alguém que vai fazer coisas isso para web em HTML e CSS e JavaScript tecnologias que vão rodar do lado do cliente é claro que desenvolvedor

front-end como você vai ver esse curso Ele vai ter que ter alguns outros conhecimentos desejáveis como por exemplo saber o básico de imagens saber o básico de cores e tipografia saber um basicão lá de Photoshop de gripe mas não significa que ele vai desenvolver o design a é importante você saber a diferença entre desenvolvedor front-end e designer o designer é aquele que vai imaginar é como vai o posto que cores vai utilizar no site como os elementos não ficar dispostos Que tipo de fonte vai ser utilizada E aí ele pega esse desenho do site Entrega

na mão do front-end que vai ter que saber utilizar essas ferramentas que o designer utilizou para criar só para adaptar e gerar um resultado usando HTML e CSS java script for Claro não confunda front-end com designer por outro lado existem tecnologias que vão rodar no servidor eu acabei de circular e também Essas tecnologias Se você assinar por cinco segundos você vai sacar o nome né se do lado do cliente é cliente sai do lado do servidor é o que a gente chama de isso server-side ou server-side como chama a gente fala essa é uma outra

especialidade você tem que conhecer um outro conjunto de ferramentas um outro conjunto de linguagens e o desenvolvedor para server-side não é server-side developer a gente chama basicamente de back-end E aí você os outros tipos de conhecimento que a gente vai ver já já então basicamente o front-end o desenvolvedor front-end ele está especializado em client-side ele está especializado em gerar parte visual interativa do site ele vai se preocupar muito em dar uma boa experiência para o usuário né que tá digitando o site que ele vai ter conhecer alguma coisa de um ser experian se Apesar de

ele não ser o especialista nisso o designer também vai ter que preocupar com isso assim é os trabalhos entre designer e front-end eles se unem em alguns pontos assim como o front-end eo back-end também tem que se interagir porque eles vão fazer ligação e já já você vai entender isso então front-end tá focado mais no usuário na experiência dele na interatividade do usuário e o beck and tá mais interessado na interação do código dele com o servidor quase entranhas do servidor com as tecnologias envolvidas na tecnologia de server-side Ficou claro a nós o seu caderno

então que a gente tem que se preocupar é com isso aqui para essa aula né e o leque Que tipo de tecnologias eu tenho que conhecer Que tipo de linguagem é uma linguagem server-side que eu vou me tornar um desenvolvedor back-end ou até um desenvolvedor para service site algumas linguagens que funciona o lado do servidor são a linguagem PHP que é uma das mais famosas e mais aplicadas em servidores web até hoje o próprio javscript também tem uma versão que roda no servidor uma das soluções é o nude apesar de existirem outras e as basicamente

não confunda o JavaScript rodando com o servidor eo JavaScript rodando com o cliente são tecnologias diferentes apesar de ser a mesma linguagem a gente também pode ter soluções como por exemplo a linguagem C Sharp a linguagem Python a linguagem Ruby e até mesmo a linguagem Java não confunda java com JavaScript e se você é um desses que acha que já discute a mesma coisa não se esquece de assistir o nosso curso de JavaScript que também existe aqui o vídeo já está sem por cento disponível gratuitamente e o Sempre coloca um card Zinho aqui em cima

da minha cabeça você olhando essa imagem aqui ó dá uma olhada ali naquela bolinha do clã inside nesse curso nós estamos abordando HTML e CSS faltou uma faltou java script JavaScript mas também já temos o curso disponível aqui aqui não consegui mas também temos aula de pega a pena de Java apesar de não ser o japa para servidores E também temos linguagem Python então assim é um prato cheio aqui no canal do com seguinte se você está chegando agora e conhecendo o projeto conheceu há pouco tempo saiba que existem cursos da maioria das linguagens aqui

Principalmente as linguagens para iniciantes porque o consumismo é um projeto para iniciantes e eu vou dar um exemplo aqui com a linguagem PHP Jaque ela já é uma das mais usadas hoje em dia mas você pode aplicar com qualquer uma das outras linguagens que apareceu ali da sua preferência ninguém daqui puxando o time para pegar peso que pegar bem melhor do que qualquer outro qualquer uma das imagens que acabou de aparecer é muito boa só que eu tenho que a gente vai ficar é o que tem que trocar a pena obrigado e vamos imaginar para

esse exemplo que o cliente ali do lado esquerdo da tela ele tá querendo entrar numa loja online uma loja para comprar uma camiseta vamos imaginar esse exemplo aqui uma loja só de camisetas se por acaso o seu cliente quiser uma solicitação para o servidor como Acabou de acontecer aí nessa setinha e o servidor tiver um site estático um site em HTML CSS JavaScript puros ele vai retornar com os arquivos HTML CSS JavaScript vou colocar eles ali e o seu cliente vai ser responsável por montar aquela estrutura ali na tela Porém esse site não pode ser

estáticos não quê que pode acontecer ele vai montar na tela ali e ele não vai saber qual o produto vai colocar ali Quais produtos eu tenho no estoque tu imagina que o cara não é o dono de uma loja virtual tenha que ficar mexendo no código toda vez que chega um produto novo o toda vez que um produto tiver com estoque baixo ou ele entrar em promoção imagina que ele tem que entrar e mexer em código não é assim que funciona então faz e como por exemplo uma loja online utilizando só tecnologias com inside é

praticamente um suicídio não existe hoje em dia mais isso hoje em dia o estoque de camisas qual está em promoção Qual é o preço promoções de comprar quantidades Quais cores quase tamanhos quais camisetas acabaram do estoque isso tudo está armazenado hoje em dia no servidor do lado ali do server-side do lado do servidor dentro de um banco de dados então nessa base dados vão ter todas as informações de camisetas que estão disponíveis e indisponíveis em promoção e tudo mais sendo assim o mecanismo é um pouco diferente daquilo que eu acabei de explicar basicamente quando a

gente envolve tecnologias no tipo server-side como por exemplo a linguagem PHP o que vai acontecer o seguinte o cliente vai enviar uma solicitação para o servidor Não servidor a linguagem PHP vai fazer requisições para esse banco de dados vai verificar lá por exemplo na página principal da loja quais camisetas tem que aparecer Quais são as é o dono da loja escolheu como promoção o querem destaque na página principal ou PHP vai obter essas informações vai gerar uma página html html puro com essas informações a foto da camiseta a descrição dela os tamanhos disponíveis as cores

o preço e vai enviar esse HTML junto com estilo e junto com interação né java script CSS para o cliente a partir daí com essas informações com HTML que foi especialmente produzido pela linguagem PHP o site vai poder ter as camisetas dispostas lá todas bonitinhas com todas as informações então ali naquele banco de dados está representado aqui embaixo de mim deu para entender a diferença entre manter tudo só client-side e manter informações com tecnologia e server-side entende que o desenvolvido tem que ser especializada em tecnologias por exemplo eu quero ser um desenvolvedor front-end é só

conhecer HTML CSS JavaScript e quanto mais eu conhecer melhor Olá eu sou por outro lado se eu quiser ter conhecimentos de banco de dados acesso a dados captura de informações via servidor eu tenho que me tornar um programador backend me especializar nessas tecnologias e daí vêm os conceitos de tecnologias client-side e server-side e o desenvolvedor front-end back-end E aí tá gostando do curso tá achando legal a ideia desse curso Ele tá dando um trabalhão para gente desenvolver eu vim aqui te pedir um e-mail por favor para divulgar esse curso eu creio jeito bem legal de

também talvez divulgar o seu trabalho isso porque no repositório que eu vou falar várias vezes no curso além do nosso material de apoio todos os exercícios também vai ter uma pasta chamada ajude na divulgação se você quiser pode entrar lá baixar essa pasta inteira e aí você vai encontrar várias imagens em vários formatos para ajudar na divulgação eu particulamente vou fazer uma versão mas você que é artista Você que sabe desenhar que sabe ilustrar o que manja muito de Photoshop nos você pode criar uma arte baseada nos tamanhos né gente vai ter o tamanho deitado

ou tamanho pé e o tamanho quadradinho você pode criar essas Artes e mandar para gente Para esse e-mail aqui ó que é arte@curso em video ponto com não tem ponto br no final e as artes selecionadas vão ser divulgadas no meu Instagram pessoal e no Instagram do Conselho Egito estão aparecendo aqui embaixo então se você é artista pode ajudar a gente criando Artes pode produzir o seu conteúdo que a gente ajuda a divulgar e se você não é bom com artes não tem problema é só se essa pasta ajude na divulgação no nosso repositório escolher

uma ou mais imagens e divulgar nas suas redes sociais grupos e tudo mais valeu mesmo já agradeço antecipadamente pela sua divulgação o que vai tornar Com certeza esse curso muito grande que vai ajudar muitas pessoas mas aí você me pergunta mas Guanabara não tem como eu saber um pouco de tudo não tem como eu ser um desenvolvedor back-end é um desenvolvedor front-end não tem como eu ir me especializando em tudo ao mesmo tempo o primeiro só front-end depois o sobra Oi Tem sim e quando você soma essas duas capacidades essas duas experiências o mercado passa

de chamar e desenvolvedor ou segue porque a tua pilha de desenvolvimento a tua pilha que você vai desenvolver tanto o back-end tanta parte de trás né o backstage né vamos dizer assim quando o front é enquanto o palco vamos de dessa maneira que vai aparecer para o seu cliente Ou você domina esses dois é o que a gente chama de desenvolvedor full stack e ser um desenvolvedor funditec é fácil é rápido é tranquilo não é não eu não vou ser desonesto com você para você aprender a ser um desenvolvedor fustec precisa de muita experiência muita

dedicação bastante tempo então um conselho que eu te dou duvide bastante de pessoas de matérias de promoções que prometem transformar você desenvolvendo a fundetec em algumas semanas em alguns meses isso simplesmente não existe e não me entenda mal não pensa aqui que eu tô falando bom então você nunca vai se transformar num desenvolvedor uma desenvolvedora foodtec sim Você pode você consegue mas não é em poucas semanas não é em poucos meses quando você compra o curso ou quando você nem uma matéria dizendo que se transformar em fulltec é muito fácil é muito rápido e você

vai ganhar salários de até sei lá r$ 10000 Essas matérias essas pessoas estão sendo desonesta com você o que acontece na grande maioria das vezes é esse tempo de poucos meses ou poucas semanas vai passar você não vai se tornar desenvolvedor ou desenvolvedora funspec E no fim na sua cabeça a culpa vai ser sua porque você não foi capaz de virar fustec no tempo que alguém te prometeu você não foi capaz de cumprir aquela missão e eu tô aqui te dizendo de coração aberto isso é impossível não se frustre não se cobre não seja tão

exigente com você mesmo esse é o recado decoração que eu quero dar para você hoje espero que você tenha entendido o que que é front-end o que que é Beck O que é fustec eu espero sinceramente que com essa sua dedicação Renovada você consiga assim algum dia entrar aqui de volta no canal entrar nesse vídeo fala olha Ah não sei quanto tempo atrás eu não sabia nada de desenvolvimento e hoje eu conseguir um emprego de força aqui vai demorar com certeza vai demorar Você vai conseguir esse seu salário de 10 mil aí que as pessoas

estão te prometendo assim rapidão não vai mas eu tenho certeza que você vai conseguir talvez não na velocidade que você espera talvez não na velocidade que prometem mas sim você vai conseguir eu me despeço por aqui e a gente se vê na próxima aula com mais conhecimentos relativos HTML CSS e se seu curso especial não se esquece de deixar aqui os seus comentários interagir com a gente porque isso é muito importante para a gente e muito importante também que o algoritmo do YouTube Um grande abraço e a gente se vê na próxima a E aí

[Aplausos] [Música]