Desenvolvimento Web

Alessandro Feitoza

• FullStack Developer (+10 anos)

• Organizador de Eventos

• Professor de Desenvolvimento (+10 anos)

• Atuante em comunidades de software

DESENVOLVIMENTO

É toda ação ou efeito relacionado com o processo de crescimento, evolução de um objeto, pessoa ou situação em uma determinada condição.

RESOLVER PROBLEMAS

Os Problemas estão onde as pessoas estão.

WHY?

Computadores

SoftWare

• DESKTOP

• WEB

• MOBILE

Desktop

• Pacote Office/LibreOffice
• Browsers (Firefox/Chrome/Edge/IE)
• Jogos (Counter Strike, Paciencia, Minecraft)
• Spotify/VLC

Mobile

• Redes Sociais (Fb, Instagram, Tiktok, Snapchat, Tinder)
• Browsers (Firefox/Chrome/Edge/IE)
• Jogos (PUBG, AmongUS, FreeFire, Fortnite)
• Media (Netflix, Primevideo, Spotify, Deezer)
• Mensageiros (Whatsapp, Telegram, Signal, Discord)
• Utilitarios (Ifood, Uber, bancos, calculadoras, email)

WEB

• Redes Sociais (Fb, Instagram, Tiktok, Snapchat, Tinder)
• Media (Youtube, Netflix, Primevideo, Spotify, Deezer)
• Mensageiros (Whatsapp, Telegram, Signal, Discord)
• Utilitarios (Ifood, Uber, bancos, calculadoras, email, tradutores, mapas, pesquisas, wikipedia, e uma trocentas e 72 bilhões de coisas)

Se tudo precisa da Web, bora focar na Web.

WEB

FRONTEND

• HTML

• CSS

• JAVASCRIPT

BACKEND

Basta escolher uma linguagem.

• PHP
• Java
• NodeJS (Javascript)
• Python
• Ruby
• Elixir
• C#
• Go
• ...

FULLSTACK

HTML

• Estrutura do Site;
• Elementos Visuais
  • Tabelas
  • Formulários
  • Botões
  • Links
  • Textos

CSS

• Estilo dos Elementos;
• Elementos Visuais
  • Cores
  • Formatos
  • Tamanhos
  • Alinhamento
  • Organização
  • Efeitos visuais

JAVASCRIPT

• Funcionalidades;
• Lógica
• Interatividade
  • Click
  • Change
  • Mouse In/Out
  • KeyPress
  • Submit
  • Blur
  • Focus
  • DblClick

PHP / Java / Py / Node

• Banco de Dados
• Segurança
• Validação
• Regra de Negócio

Vou aprender tudo?

Frontend

• HTML
• CSS
• Bootstrap
• Javascript
• Framework (React/Vue/Angular)

• Lógica de Programação
• UI (prototipação de telas)
• UX
• GIT/gitlab/github
• Testes automatizados
• Deploy

• Analise de Requisitos
• Estipulação de prazos
• Market share
• Marketing 4.0

Backend

NodeJS

• Lógica de Programação
• NodeJS
• Orientação a Objetos**
• Banco de Dados
• TypeScript

• GIT/gitlab/github
• Testes automatizados
• Deploy (Docker)
• Padrões de Projeto

• Analise de Requisitos
• Estipulação de prazos
• Boas práticas
• Frameworks

Qual melhor modo de aprender

Mente de Principiante

dúvidas

valeura!

www.alessandrofeitoza.eu

slides.com/alessandrofeitoza

phpcomrapadura.org