certas habilidades estão crescendo em demanda.competências que podem quase garantir os vossos empregos e oportunidades durante os próximos anos e décadas.uma dessas habilidades é o desenvolvimento da web.você tem se perguntado como se tornar um desenvolvedor da web?

Ao contrário de uma crença popular, você não precisa de um diploma de Bacharelado em Ciência da computação para se tornar um desenvolvedor da web e criar um site funcional.

na verdade, se você seguir as instruções neste artigo, você pode se tornar um desenvolvedor da web muito mais rápido do que você pensa (mas ainda vai precisar de algum trabalho duro!).pronto? Vamos começar com o básico:

o que / quem é um desenvolvedor da Web

Aqui está a resposta simples para esta pergunta: eles constroem e mantêm sites.

em outras palavras-eles literalmente criam como você experimenta a web. Os sites que querem que os usuários desfrutem de sua experiência precisam de grandes desenvolvedores – e eles geralmente estão dispostos a dar algum dinheiro sério para obter esses grandes desenvolvedores web.

Responsabilidades de um desenvolvedor web:

1. Escrever páginas da web com uma combinação de linguagens de marcação.
2. cria modelos de qualidade e protótipos.crie um site WordPress a partir do zero.
3. entenda HTML e CMS.compreender UI, UX e usabilidade de aprendizagem.desenvolver websites funcionais e atraentes e aplicações baseadas na web.
4. fornece manutenção do site e melhorias.

estes são os requisitos mais comuns, mas as suas responsabilidades e tarefas vão variar de acordo com o trabalho de desenvolvimento da web, bem como a sua especialidade de desenvolvimento da web.

falando de especialidades de desenvolvimento web, há três que você deve estar ciente de:

1. desenvolvimento Frontend: o “frontend” refere-se a “coisas” em um site que você vê e interage com, por exemplo, menus, dropdowns, etc.
2. Desenvolvimento de infra-estruturas: a infra-estrutura é como a porção do iceberg abaixo da superfície. Sem ele, o site não pode funcionar. A infra-estrutura trata de servidores, aplicações, bases de dados, etc.
3. Desenvolvimento de pilha completa: esta é a combinação de desenvolvimento de infra-estrutura e frontend.

por que você deve se tornar um desenvolvedor Web?

Desenvolvimento Web é uma indústria que não vai morrer tão cedo.

Na verdade, o Departamento de Estatísticas trabalhistas dos EUA previu um crescimento de 13% nos empregos disponíveis para o desenvolvimento da web até 2028.

simplificando-se você pode desenvolver esta habilidade, você não terá dificuldade em encontrar trabalho para o futuro previsível.

Aqui estão CINCO grandes vantagens/benefícios de ser um desenvolvedor web:

1. Você pode trabalhar remotamente. Alguma vez te perguntaste como seria trabalhar em qualquer parte do mundo, no teu próprio tempo? Como desenvolvedor da web, você terá muitas oportunidades para trabalhar remotamente. Talvez você possa finalmente realizar esse sonho de viajar pelo mundo enquanto economiza dinheiro ao mesmo tempo.
2. você pode usar suas habilidades para construir seus próprios sites e aplicações web. Quer fazer um site rentável ou aplicação? Com esta habilidade, não terá de pagar uma tonelada de dinheiro para a construir. Você pode construí-lo por uma fração do preço.pode trabalhar de forma independente. Já não tens de trabalhar sob o guarda-chuva de um chefe se não quiseres. Você pode freelance ou começar seu próprio negócio muito mais facilmente quando você sabe sobre o desenvolvimento da web.entrar na indústria de tecnologia rentável. O desenvolvimento da Web é basicamente o seu bilhete para a indústria de tecnologia. A maioria das startups de tecnologia tem alguma necessidade de desenvolvedores web, então esta pode ser a sua maneira de colocar o pé na porta.podes construir coisas incríveis! A parte divertida é que você pode ser tão criativo como você quer. Em vez de olhar para sites e pensar, “Uau, isso parece incrível. Eu gostaria de poder criar algo como isso, ” você agora será capaz de criar o seu próprio site de aparência incrível.o que achas? Tudo isto te excita com a ideia de te tornares um desenvolvedor da web? Se assim for, você está no lugar certo – porque você está prestes a aprender os passos que você precisa tomar para se tornar um!
   

   Como se Tornar um Desenvolvedor Web

   Aprender o Básico de HTML, CSS e Javascript

   Estas são as porcas e parafusos de todo o desenvolvimento do site que irá trabalhar com o diário se você decidir construir sites para a vida.

   • HTML dita a estrutura
   • CSS irá torná-lo bonito
   • Javascript irá fazê-lo funcionar

   vamos discutir cada um destes e como você pode aprendê-los.

   HTML

   HTML significa Linguagem de marcação hipertexto. É um dos principais ingredientes de qualquer site e uma das chamadas línguas frontend.

   em resumo – ele fornece o esqueleto básico de um site, principalmente através de uma série de tags.

   uma tag é o código HTML que controla a aparência do conteúdo do documento HTML.

   Aqui estão algumas tags HTML, você deve familiarizar-se com:

   • <HTML></HTML> – Esta tag aparece no início e no fim de um documento HTML. Indica que o documento está escrito em HTML5.
   • <título></título> – a tag title é O título para a página. Isto é útil tanto para motores de busca (quando eles digitalizar e indexar as páginas) e usuários (ele aparece em um navegador da barra de título) pelo indicando explicitamente o tema principal de cada página
   • <head></head> – contém informações sobre a página específica, incluindo tags de título, metadados, e links para os scripts e folhas de estilo.
   • <corpo><corpo> – Isso inclui todo o conteúdo que será mostrado aos usuários, incluindo tudo o que vai ver e ler.

   Nota: Todas as marcas de início como “<corpo>” e no final, como “<corpo>”. O ” / ” indica que a marca específica não está mais em uso depois. É importante colocar a etiqueta final. Caso contrário, todo o documento irá usar essa tag.

   Aqui estão alguns recursos para aprender HTML:

   • HTML Guia do iniciante
   • HTML Cheat Sheet

   CSS

   CSS significa Cascading Style Sheets.

   coloca o estilo por trás da estrutura HTML. Basicamente, sem CSS, HTML, e consequentemente, toda a página da web pareceria aborrecida.

   Aqui está como eles se combinam: dentro do seu código HTML, você referencia uma folha de estilo CSS.

   Aqui está um exemplo de como CSS se parece em ação:

   }#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

   Aqui está um grande recurso para aprender CSS: CSS Cheat Sheet

   Javascript

   Javascript é uma linguagem de programação que lhe permite implementar elementos em páginas web. Ele fornece recursos como mapas interativos, gráficos 2D/3D, e muito mais.

   Aqui está um grande recurso para ajudá-lo a aprender Javascript: Javascript Cheat Sheet

   Aprenda o básico do WordPress

   para se tornar um desenvolvedor da web, você terá que se familiarizar com o WordPress. Afinal de contas-63% de todos os sites são alimentados por este software livre, de código aberto que você pode instalar para basicamente qualquer host web.

   uma vez que você configurar um site WordPress, é bastante fácil para os seus clientes para adicionar conteúdo por si mesmos (mesmo que eles não têm qualquer experiência de desenvolvimento web).

   temos uma abundância de guias WordPress neste site. Confira os links abaixo:

   • Como Fazer um Site WordPress
   • Como Fazer um Blog em WordPress
   • Como Personalizar o WordPress

   conheça UI e UX

   Interface de Utilizador (IU) e UX (Experiência do Usuário) são os princípios básicos de design de experiência do usuário.

   A maioria dos desenvolvedores não são especialistas em design – estes são dois reinos diferentes. Não precisas de ser uma estrela de design.

   ainda é importante notar que ao aprender os fundamentos do design de experiência do usuário, você pode entender melhor como um site é suposto funcionar. Isso vai manter mais usuários no site, ajudá-los a encontrar o que eles estão procurando, e, em última análise, gastar mais dinheiro nesse site.

   para aprender os blocos de construção de habilidades de design, recomendamos aprender a Suite criativa Adobe. Photoshop deve ser a primeira coisa que você mergulha, como é o go-to para designers mais sérios. Se você não gosta de Adobe, Você também pode mergulhar em Sketch, que é uma estrela em ascensão entre os designers.

   Aqui estão alguns recursos para a compreensão e a aprendizagem UI e UX:

   • A Diferença Entre UX e Design de INTERFACE do usuário-Um Leigo Guia
   • Treehouse e Lynda oferecem excelentes cursos para iniciantes no Photoshop gerais e de conceitos de design

   Aprender SQL e PHP (Opcional)

   vamos fixo esses dois juntos, porque eles são como dois lados da mesma moeda.

   SQL é uma tecnologia de banco de dados que armazena informações. PHP é uma linguagem de’ scripting ‘ que coloca ou tira coisas de um banco de dados (veja PHP cheat sheet).pense no WordPress, por exemplo.

   ele usa MySQL para armazenar e gerenciar informações (posts de blog, conteúdo de página, Comentários, informações de usuário, etc.) numa base de dados “table”. PHP é o que faz um site WordPress dinâmico, interagindo com todos estes diferentes elementos e atualizar corretamente o banco de dados como você vai.

   aprender mais sobre como SQL e PHP trabalham juntos pode ajudá-lo a dominar o desenvolvimento do site WordPress, que literalmente centenas (se não milhares) de pessoas estão procurando todos os dias no trabalho e placas de projetos em toda a internet.

   os recursos Adicionais para aprender PHP e SQL:

   • SQL Curso
   • TutorialsPoint (PHP)

   não É fácil. Não vais dominar tudo isto durante uma ou duas semanas. Mas com o tempo, tornar-se familiar e, em seguida, bom nestes conjuntos de habilidades significa que você sempre terá uma carreira lucrativa à sua frente.

   Aprenda o básico de SEO

   SEO significa otimização do motor de busca. Isso se refere ao processo de melhorar os rankings de um site dentro de um motor de busca como o Google. É uma das habilidades mais importantes no negócio on-line.

   Você pode estar pensando: “Se Eu sou um desenvolvedor, por que eu preciso me preocupar com quão bem um site classifica nos motores de busca? Não é esse o trabalho dos blogueiros e criadores de conteúdo?”

   bem sim, uma grande parte do SEO de um site tem a ver com o conteúdo. Mas a estrutura e o código reais do site também desempenham um papel.

   Por exemplo, tags de cabeçalho (HTML) são extremamente importantes para SEO. Dizem aos motores de busca o que é realmente importante num site.agora, precisa de ser um perito em SEO? Claro que não. Mas você deve aprender o básico de SEO, e manter SEO em mente enquanto você está criando cada site. Ao fazê-lo, você vai dar ao site uma chance muito maior de sucesso, e tornar o seu cliente de desenvolvimento da web muito mais feliz.

   Aqui estão algumas dicas SEO para os desenvolvedores web:

   • obtenha suas meta tags otimizadas. Na página de pesquisa, a meta tag diz aos navegadores sobre o que é o seu site – quanto melhor for, mais provável eles são para clicar no site.certifique-se que as suas etiquetas de rumo estão numa ordem específica. H1 deve ser o cabeçalho principal, e então você deve descer através de posições de nível inferior através da página (ou seja, H2, H3, H4, e assim por diante). Isso torna mais fácil para os motores de busca para navegar no site.
   • certifique-se que a sua etiqueta de título descreve correctamente a página web. O Título deve enfatizar o que a página é sobre.

   Aqui estão alguns recursos para aprender o básico de SEO:

   • O Guia do iniciante para SEO
   • Como aprender SEO: 10 dos melhores recursos para marcar como aumentar o tráfego do Website

   dedicar pelo menos 3-5 horas para ler através dos recursos e aprender o básico. Isto irá prepará-lo para desenvolver sites com SEO em mente.

   certifique – se de que o seu Site responde

   quando estiver a criar o seu próprio site (o que será uma boa ideia se quiser obter mais clientes) – deve certificar-se de que o seu site responde.

   responsivo significa que os elementos do site se ajustam de acordo com o tamanho da tela. Isto significa que o seu site vai parecer bom se o visitante está em um laptop ou dispositivo móvel.

   em 2018, o design responsivo foi crucial. Todos os seus clientes vão esperar-liderar pelo exemplo e certifique-se de que o seu site é responsivo.

   **

   ok, assim que você passar por estes 6 passos, você terá uma compreensão básica do desenvolvimento da web. Você saberá como fazê-lo (pelo menos a um nível básico).

   tome o seu tempo com estes passos – a demanda por desenvolvedores web não está caindo tão cedo, então você tem tempo para aprender.

   mas aqui está a grande questão: uma vez que você sente que você tem esse entendimento básico para baixo, como você realmente encontrar clientes de desenvolvimento web?estás com sorte – é disso que vamos falar a seguir!

   como encontrar o seu primeiro cliente de Desenvolvimento Web (ou tornar-se um FREELANCER)

   só porque você tem a habilidade não significa que as pessoas vão simplesmente dar-lhe dinheiro. Tens de trabalhar um pouco e vender-te. Você também precisa colocar-se nos lugares certos para obter oportunidades.

   Agora, como um desenvolvedor web, você tem duas opções. Você pode 1) tentar ter um trabalho em tempo integral, no local com uma empresa ou 2) ir a rota de freelancer, e procurar gigs on-line.recomendamos freelancer. Embora não tenha o mesmo salário garantido que um trabalho a tempo inteiro tem, existem 3 enormes benefícios:

   • liberdade: não mais se encaixar e fechar. Você ainda pode trabalhar as mesmas horas (ou mais), mas seu horário, localização e circunstâncias de vida são completamente até você. (Mais-nada de viagens, o que te poupa horas todas as semanas!) dinheiro: uma vez que você se tornar um bom freelancer, você terá uma melhor chance de ganhar mais dinheiro (do que esperar por um mísero aumento de 3% a cada ano).Prestige: com o passar do tempo, você terá a oportunidade de construir seu próprio trabalho pessoal e marca ao ponto de finalmente garantir um fluxo constante de novos clientes (sem sequer ter que procurá-los!).

   na secção seguinte, vamos concentrar-nos em como obter o seu primeiro trabalho de freelancer como um desenvolvedor web.

   entrar em placas de trabalho

   a maioria dos freelancers hit placas de trabalho para encontrar seus primeiros shows de desenvolvimento da web. Esses podem ser ótimos para acumular experiência, mas você provavelmente não quer usá-los como uma estratégia de longo prazo.

   A qualidade dos clientes pode ser muito hit-or-miss. Alguns podem ser óptimos. Outros menos…muitas vezes atraem pessoas inexperientes com contratação, o que pode criar muitos problemas quando você está tentando trabalhar com elas. Muitas vezes, os quadros de trabalho também atrairão pessoas com prazos e orçamentos irrealistas.

   confiar demais em placas de trabalho (por muito tempo) não lhe dará a oportunidade (ou tempo livre) de começar a construir sua própria marca. Atrair a atenção ‘de entrada’ para o seu trabalho acabará por lhe dar os melhores (e mais bem pagos) clientes no final do dia.mas como dissemos, não é uma má opção Começar e ganhar experiência.

   apenas entenda que cada show que você começa em uma placa de trabalho (embora possa não pagar muito bem) irá ajudá-lo a ganhar experiência e obter mais trabalho futuro.

   também é muito fácil começar em placas de trabalho…

   abaixo está uma imagem dos resultados de uma pesquisa rápida no UpWork:

   (Como você pode ver, existem toneladas de oportunidades de trabalho para desenvolvedores web!)

   

   Aqui estão alguns quadros de tarefas, onde você pode encontrar de desenvolvimento web shows:

   • PeoplePerHour.com
   • Codeable.io (para WordPress)
   • TopTal.com (para WordPress)
   • UpWork.com

   montar um site de portfólio

   para facilitar a obtenção de mais clientes (e para que os clientes o encontrem), você deve criar um site de portfólio. É aqui que você vai mostrar seus projetos mais recentes, mostrar depoimentos de clientes felizes, fornecer aos potenciais clientes uma maneira fácil de contatá-lo, e também mostrar suas capacidades de desenvolvimento da web.

   Aqui estão algumas dicas para criar o seu site de desenvolvimento web:

   • Use testemunhos de clientes anteriores e atuais. Isso irá assegurar aos visitantes que você faz um grande trabalho e que outros estavam felizes em trabalhar com você. (Torne-o um hábito de pedir depoimentos sempre que você terminar um projeto.) Infuse a sua personalidade. O que há de bom em trabalhar contigo, e o que te faz sobressair? Quando você infundir personalidade em seu site portfolio, você automaticamente se separará.
   • incluem os elementos certos. Seu nome, a versão curta de sua história de como/por que você se tornou um desenvolvedor da web, seus detalhes de Contato, seu trabalho recente e suas habilidades.responde ao ” o que ganho com isso?” pergunta. Basicamente, deixe-os saber o principal benefício de trabalhar com você, ou seja, o que os clientes obterão de trabalhar com você.

   acima de tudo – você deve se certificar de que o seu site portfolio parece incrível! Queres que potenciais clientes vejam e pensem: Eu quero algo assim para o meu site também!”Assim, estarão muito mais interessados em trabalhar contigo.

   Aqui estão alguns exemplos de grandes sites de desenvolvimento web para usar como inspiração:

   • MattFarley.ca Caferati.eu (falando de infundir personalidade, este desenvolvedor faz isso de uma maneira grande em seu site. Vai à página inicial e verás o que queremos dizer!)
   • Pierre.io

   Aqui estão alguns recursos para ajudar a construir a sua web portfólio de desenvolvimento de site:

   • Como Criar um Portfólio Site
   • 10 Dicas para Criar o Seu Desenvolvedor Portfólio

   Iniciar o funcionamento em Rede

   não basta gastar todo o seu tempo vasculhando online placas do trabalho. Se você quer ter grandes oportunidades, você tem que sair para o mundo real também.

   Faça disso um ponto para participar de pelo menos 2-3 eventos de rede relevantes a cada mês. Assumindo que você vive em ou dentro de uma hora ou duas de uma cidade grande, não deve ser difícil encontrar este tipo de eventos.

   comece por procurar por meetups em Meetup.com e Eventbrite. Nestas duas plataformas sozinho você deve encontrar toneladas de eventos relevantes.

   visar eventos que atraem empresários, uma vez que estas pessoas serão as mais propensas a querer construir um novo site. À medida que você se conecta e conecta com mais dessas pessoas (e deixe que se saiba que você é um desenvolvedor da web), você se exporá a mais e melhores shows do que aqueles que você encontrará em placas de trabalho. Você também vai começar a crescer sua marca pessoal.

   Aqui está outro grande recurso para ajudá-lo a encontrar eventos: como encontrar eventos de rede que realmente vale a pena assistir

   os benefícios de um desenvolvedor web em tempo integral

   falamos muito sobre freelancing como um desenvolvedor web. No entanto, trabalhar a tempo inteiro numa empresa tem os seus próprios benefícios:

   • Você está trabalhando com outros desenvolvedores – isso lhe dá a vantagem de uma experiência compartilhada, especialmente se você é inteiramente novo. Trabalhar com os outros permite-lhes partilhar a sua experiência convosco, o que é muito valioso.o Suporte Ao cliente é organizado-quando você está trabalhando em uma empresa, você não é obrigado a trabalhar em diferentes horas do dia. Isto significa que os clientes da empresa sabem quando contactar e esperam que o seu trabalho esteja terminado.muito mais focada na carga de trabalho-vários freelancers trabalham hoje em diferentes projetos ao mesmo tempo. Isso divide seu foco que pode afetar a qualidade global. Como um desenvolvedor em tempo integral, é mais provável que você trabalhe em um único projeto que requer sua atenção total.

   conclusão

   o mercado de trabalho está a ficar mais difícil. Os empregos mais tradicionais são eliminados todos os dias. Então, por que não aprender uma habilidade que vai mantê-lo empregado (e possivelmente rico) para o futuro previsível?essa é a grande vantagem do desenvolvimento da web. A grande parte é-você não precisa de um diploma caro extravagante para entrar em campo. Simplesmente seguindo os passos que listamos aqui, você pode começar o caminho de se tornar um desenvolvedor web.

   também, existem muitas opções de software de ambiente de desenvolvimento integrado (IDE) que tornam a vida de um desenvolvedor muito mais fácil.

   para recapitular, Aqui estão os passos básicos para se tornar um desenvolvedor web:

   1. Aprender o Básico de HTML, CSS, e Javascript
   2. Ir através de Tutoriais WordPress
   3. Aprender o Básico de UI e UX
   4. Aprender SQL e PHP
   5. Aprender o Básico de SEO
   6. verifique se Seu Site é Responsivo

   E aqui estão os passos básicos para encontrar o seu primeiro desenvolvimento web show:

   1. Obter em Placas do Trabalho
   2. montar uma Carteira Site
   3. Iniciar o funcionamento em Rede

   Agora é hora de agir e mostrar ao mundo o que uma incrível desenvolvedor web que você pode ser!