Se você se tornasse um web designer há apenas 15 anos, teria sido bastante simples. Tudo o que você precisava fazer era aprender um pouco de HTML e CSS para criar páginas da web “de tirar o fôlego”. Desde então, o web design evoluiu para um campo que engloba design de interface, design de experiência do usuário, design gráfico da web, desenvolvimento de front-end, desenvolvimento de back-end e até administração da web e SEO técnico.
Como você pode ver, existem inúmeros trabalhos que o web design abrange hoje. Embora possa parecer intimidante para alguém completamente novo, você não deve se preocupar. Existem dezenas de recursos gratuitos on-line para ajudá-lo a alcançar seus sonhos de web design. Role para baixo, procure uma profissão que lhe interesse e saiba como se tornar um profissional no conforto da sua casa.
Design da interface do usuário
Se você gosta de descobrir os problemas na interface do usuário (UI), aprender sobre sua natureza e como resolvê-los, o designer de interface do usuário é definitivamente uma carreira que você deve seguir. Aqui está o que espera por você online gratuitamente, caso você decida se tornar um designer de interface do usuário.
Familiarizando-se com o design de interface do usuário – Recomendamos que você comece assistindo a um vídeo gratuito de uma hora no YouTube, Como se tornar um designer de interface do usuário . Neste webinar enviado pela CareerFoundry, você poderá aprender tudo o que há para saber sobre como iniciar sua carreira como designer de interface do usuário.
Os criadores deste webinar abordam os seguintes tópicos:
A diferença entre UI e UX design
Como pesquisar usuários e projetar para eles
Quais ferramentas você deve aprender a usar
Os princípios da interface do usuário a serem seguidos no processo de design
Informações sobre como iniciar sua carreira de design de interface do usuário
- A diferença entre UI e UX design
- Como pesquisar usuários e projetar para eles
- Quais ferramentas você deve aprender a usar
- Os princípios da interface do usuário a serem seguidos no processo de design
- Informações sobre como iniciar sua carreira de design de interface do usuário
Aprenda a usar ferramentas de software de design de interface do usuário – Como designer de interface do usuário, você terá que se tornar proficiente em ferramentas de software específicas. Para começar, você deve se concentrar em uma ferramenta e só mudar para aprender outra quando se sentir confiante para usar a primeira.
- Adobe Illustrator – Existem muitos tutoriais gratuitos do Illustrator online. Sugerimos que você comece com os tutoriais oficiais da Adobe para aprender a funcionalidade básica deste software. Se você preferir instruções em vídeo, há um curso gratuito do Illustrator que recomendamos, Truques e dicas úteis no Adobe Illustrator . Você aprenderá a criar formas básicas e avançadas, aprenderá caminhos e imagens e manipulação de texto.
- Sketch – Se você nunca ouviu falar sobre isso antes, Sketch é a ferramenta de design mais poderosa para Mac. Como é um software robusto, você terá que aprender a navegar por ele e usar uma infinidade de recursos internos. Felizmente, existe um site inteiro dedicado a ajudar a comunidade Sketch gratuitamente, o LearnSketch . Neste site você poderá assistir a dezenas de tutoriais em vídeo do Sketch, ter acesso a uma coleção gratuita de recursos gráficos e ler dicas e truques sobre como ser mais produtivo no Sketch.
Mergulhando nas especificidades do design de interface do usuário – Quando estiver familiarizado com o design de interface do usuário para sites, você poderá visitar o Skillshare e obter acesso gratuito por 30 dias a dezenas de cursos de design de interface do usuário. Como você terá acesso gratuito por tempo limitado, dê o seu melhor para dedicar o máximo de tempo possível para aprender as coisas que mais lhe interessam.
Projeto de experiência do usuário
O design da experiência do usuário (UX) é diferente do design da interface do usuário. Em vez de se concentrar em como um site é apresentado, como designer de UX, você se concentrará em como otimizar o site para ser mais eficaz e agradável de usar.
Familiarizando-se com o design UX – Você quer se tornar um designer UX? Ótimo, então você definitivamente deveria assistir a este incrível e gratuito “O que é UX design? Definindo o design da experiência do usuário e explicando o processo” . Ao longo de 35 minutos, você aprenderá como criar páginas de destino incríveis e eficazes, quais são os pontos problemáticos dos internautas e como abordá-los através do design UX.
Cursos Gratuitos de UX Design – Existem muitos cursos gratuitos de UX Design diferentes por aí, e escolhemos duas opções altamente populares. User Experience Design de Julia Debari é um ótimo curso gratuito para ajudá-lo a aprender os processos e ferramentas que você precisará como designer de UX. O curso é composto por 62 horas de videoaulas e foi desenvolvido para ajudar pessoas sem formação prévia neste campo. O outro curso gratuito, Fundamentos de UX , ajudará você a entender os melhores princípios de design centrado no usuário, para que você possa melhorar o design do site. Recomendamos este curso para qualquer pessoa que esteja envolvida em web design.
Ferramentas de UX para Designers – Como designer de UX, você terá que aprender a usar ferramentas para testes de usuários, design de interação e colaboração em equipe, prototipagem e wireframing. Como você deve ter adivinhado, as ferramentas de design UX não são baratas, mas, por outro lado, existem vários recursos gratuitos que podem ajudá-lo a aprender como usá-los:
- Mockplus é uma ferramenta de prototipagem/wireframing que serve como ponte entre designers de UX, desenvolvedores de sites e gerentes de projeto. O tutorial do Mockplus é gratuito e acessível a qualquer pessoa através do site oficial.
- O Visio é uma ferramenta UX útil projetada para ajudá-lo a comunicar informações orientadas por dados em apenas alguns cliques. Você pode aprender a usar o Visio visitando a página de ajuda oficial da Microsoft ou seu canal oficial no YouTube . A alternativa é o SmartDraw, que vem com centenas de modelos que você pode usar para criar diagramas e fluxogramas. O treinamento gratuito do SmartDraw está disponível em seu site oficial.
- Optimizely é uma ferramenta UX para testes A/B. Você definitivamente deve aprender a usar essa ferramenta, pois ela o ajudará a personalizar o site para seus usuários específicos. O Optimizely tem uma Academia online gratuita cheia de cursos e outros materiais de aprendizagem que você achará realmente úteis.
Design gráfico
Todo o mundo online é exibido online através de elementos visuais criados por designers gráficos. Se você deseja incorporar as ideias dos designers de UI e UX, o design gráfico é definitivamente sua escolha futura.
Aprendendo o básico – O design gráfico tem um aspecto que vem antes da criatividade, mas é bem fácil de superar. Graças à série de artigos no CreativeBlog você pode aprender todos os fundamentos do design gráfico moderno e facilmente transferir o conhecimento para o web design. Esses artigos cobrem muitos aspectos do design gráfico, começando com terminologia e tipografia-chave até o design de layout de página da web e design de infográfico.
Cursos de Design Gráfico – Você tem uma variedade de opções quando se trata de aprender online sobre design gráfico para web. Introdução ao Design Gráfico é o melhor curso online quando se trata de construir uma base saudável de conhecimento sobre design gráfico. O professor dá o seu melhor para tentar explicar os princípios do design gráfico que vão além do uso de software. Depois de terminar, você estará pronto para aprender a usar a melhor ferramenta para designers gráficos da web.
Aprendendo a usar o Photoshop – Antes de entrar nos detalhes, recomendamos que você se acostume com o básico do Photoshop e seus recursos e funcionalidades. A Adobe tem um ótimo tutorial de “ Introdução ao Photoshop ”. Você aprenderá a usar o menu, ferramentas e recursos específicos. Quando terminar, você pode pular para o curso gratuito ” Photoshop para Iniciantes em Web Design “. Este curso abrange alguns fundamentos do Photoshop e termina com uma palestra sobre como usar grades para criar a página da Web perfeita.
Dicas e truques de aprendizado – Se você quer se tornar um assistente de web design, não precisa redescobrir coisas que já foram descobertas e estão sendo usadas por seus colegas. É por isso que recomendamos fortemente que você leia Photoshop Tricks for Web Designers . Além disso, você pode dar uma olhada nas dicas e truques que podem ajudá-lo a criar elementos mais atraentes para sites.
Desenvolvimento Front-End
Front end é uma carreira reservada para quem quer aprender mais sobre o lado técnico do web design. Se você quer aprender a construir sites do zero, você precisa dominar HTML, Cascading Style Sheets (CSS) e JavaScript. Não se preocupe, há uma abundância de recursos online gratuitos para ajudá-lo a ir do zero ao herói do desenvolvedor web front-end.
Aprendendo a codificar HTML – Se você quiser construir um site, terá que começar aprendendo HTML. Há um ótimo tutorial de texto HTML5 que cobre tudo o que você precisa saber sobre HTML em profundidade. Inclui exemplos e explicações para cada linha de código usada no exemplo da lição. Se você preferir material de aprendizado em vídeo, há um ótimo tutorial “ HTML5 Tutorial For Beginners ” no YouTube, que é dividido em 6 lições. Depois de terminar com qualquer um deles, você poderá criar suas primeiras páginas do site.
Aprendendo a codificar CSS – Cada elemento que você codificou em HTML pode ser alterado adicionando atributos específicos a ele. Isso é exatamente o que o CSS faz. Aqui está um tutorial de texto gratuito para ajudá-lo a aprender CSS do nível básico ao avançado. Em outro ótimo tutorial, o “ CSS Crash Course For Absolute Beginners ”, você poderá aprender sobre como usar estilos, seletores e declarações para criar layouts de sites incríveis.
Aprendendo a codificar JavaScript – Aprender JavaScript é muito divertido, especialmente se você já conhece HTML e CSS. Com JavaScript você pode alterar o conteúdo do site como quiser. Você pode alterar CSS e HTML em movimento e criar sites realmente interativos. Este tutorial gratuito abrange JavaScript básico e avançado e, mais importante, vem com exemplos. Se você quiser vê-lo em ação e aprender diretamente com um desenvolvedor JavaScript, recomendamos o vídeo “ Tutorial JavaScript para Iniciante Curso Completo 2017 ” no YouTube.
Pratique a codificação ao construir projetos de sites – Agora que você está familiarizado com o básico de HTML, CSS e JavaScript, você está pronto para praticar suas habilidades enquanto desenvolve seus primeiros sites dinâmicos e bonitos. Você pode acompanhar esta série de vídeos para aprender a usar HTML, CSS e JavaScript para construir sites.
Desenvolvimento de back-end
O back-end envolve a programação no lado do servidor. Em vez de se concentrar na aparência do site, sua principal preocupação será como o site funciona. Você escreverá um código que ajudará o site e os aplicativos da Web a se comunicarem com o banco de dados. Escolha e aprenda qualquer um dos seguintes e você chegará lá.
Java
Aqui está um ótimo recurso para começar a entender o cenário da tecnologia Java. O mais importante é que você precisará aprender desenvolvimento front-end, pelo menos o básico. E isso se aplica a todos que desejam iniciar o desenvolvimento de back-end, independentemente da linguagem de programação escolhida.
Felizmente, Java é antigo e há muitos recursos para aprender. Passe pelo Java Basics e, em seguida, dê uma olhada no curso gratuito Java Server Pages e Servlet Basics . Se você deseja aprender o framework Java Spring para desenvolvimento web, recomendamos o curso gratuito Spring Framework and Dependency Injection .
Java Spring é definitivamente o framework mais completo. Aqui está outro ótimo curso gratuito , apenas certifique-se de rolar para baixo para se inscrever nele.
PHP
PHP é uma linguagem de programação muito poderosa, muito comumente encontrada no back-end da maioria dos sites online. Se você não tem experiência anterior com PHP, você deve se familiarizar com sua sintaxe – aqui está um ótimo tutorial para apresentá-lo ao PHP.
Quando estiver familiarizado com o PHP, você poderá assistir a esta lista de reprodução no YouTube . Para ampliar seus conhecimentos e aprender a criar sites dinâmicos com PHP, você deve se inscrever em um curso gratuito de PHP prático: dominar o básico e codificar sites dinâmicos.
Ruby
Se você gosta de novos frameworks e tecnologias, Ruby on Rails definitivamente saciará sua sede. Mesmo que você não tenha experiência anterior, você pode dar um salto de fé e mergulhar direto no curso gratuito Aprenda Ruby on Rails do zero.
Depois de terminar, aqui está um excelente livro gratuito de Ruby on Rails que você pode estudar e praticar para desenvolver soluções web surpreendentes como desenvolvedor de back-end. Depois de se familiarizar com o Ruby on Rails, você sempre pode dar uma olhada nos documentos oficiais para aprender, desenvolver e ficar atento às últimas atualizações do RoR como desenvolvedor.
Python
Se você é novo no Python, o Full Stack Python pode ajudá-lo a começar muito rápido. No final de cada artigo, serão oferecidos 3 links para novos, dependendo do que você deseja fazer e do nível auto-avaliado do seu conhecimento em desenvolvimento web.
A Codecademy tem um excelente curso sobre Python, mas se você pedir ajuda a qualquer desenvolvedor Python, eles definitivamente indicarão a documentação oficial . Você pode encontrar tudo o que precisa neles.
.NET
A Microsoft realmente facilitou o aprendizado do framework .NET para os desenvolvedores. Se você é novo neste framework, um bom começo seria visitar o site ASP.NET e começar a aprender .NET com seu tutorial. Como você escreverá seu código em C#, poderá ampliar seu conhecimento criando um site enquanto assiste ao curso de vídeo ASP.NET gratuito.
Administrador da Web
Como administrador da web, você será responsável pelos servidores e outros hardwares. Além disso, você terá que manter a segurança do site, solucionar problemas de sites e monitorar todos os sistemas. As responsabilidades de recuperação e backup de dados também estarão em seu domínio. Esta carreira requer muita habilidade e conhecimento.
Aprendendo sobre administração da web
Se você gostaria de ser responsável por todas as coisas que mencionamos acima, aqui está um ótimo vídeo que o ajudará a ter uma boa ideia básica do que a administração da web envolve. Basicamente, você terá que entender como a Internet funciona de dentro para fora, juntamente com os fundamentos do desenvolvimento de sites.
Se você deseja atualizar seus conhecimentos sobre Web Services (SOAP, WSDL, REST) aqui está um recurso gratuito . Gerenciar vários servidores pode ser uma tarefa assustadora. Este livro gratuito pode tornar a vida muito mais fácil para você.
Mergulhando nas especificidades
Como há muito terreno a percorrer, tornar-se um administrador da Web aprendendo com recursos gratuitos pode levar algum tempo e os resultados podem não ser tão bons. Isso ocorre principalmente porque os materiais on-line gratuitos só cobrem o básico.
Administração do Windows Server 2012 para Iniciantes é um ótimo curso para você começar. Se você preferir servidores Linux e UNIX, aqui está uma lista de livros gratuitos sobre Linux Server Administration.
Administração do SQL Server – Como você será responsável pelos dados, você terá que aprender Instruções DML e Administração do SQL Server . Este curso também abrange diferentes níveis de segurança ao usar um SQL Server. Além disso, você aprenderá como fazer backup de seus arquivos de diferentes maneiras e como restaurá-los caso seja hackeado ou ocorra algum outro erro.
Segurança de rede – Fundamentos de segurança de rede é um ótimo curso gratuito para você começar em ataques passivos e ativos, sistemas de chaves assimétricas e simétricas, firewalls, autenticação e outros aspectos de segurança de rede.
Servidor de e-mail – Como configurar um servidor de e-mail corretamente é muito importante, você terá que aprender como fazê-lo o mais rápido possível. Existem vários servidores de e-mail por aí e o Postfix é comumente usado em máquinas com Linux. Aqui está um guia completo sobre como fazê-lo. Ele abrange etapas que vão desde a instalação e criação de usuários de email até a configuração de permissões e configuração.
Apache Server – Sendo o software de servidor web mais utilizado, o Apache definitivamente merece sua atenção como um futuro administrador da web. Quer um tutorial introdutório rápido? Guru99 tem extenso tutorial Apache completo para iniciantes . Você aprenderá como instalá-lo e executá-lo, bem como configurá-lo e torná-lo seguro.
SEO técnico
Existe um mercado enorme para desenvolvedores e designers da web que sabem como criar sites amigáveis para SEO. SEO é uma coisa enorme agora e há muitas empresas procurando por web designers de SEO que possam ajudá-los a redesenhar ou construir sites amigáveis para SEO a partir do zero.
Introdução ao SEO
Pode ser difícil de acreditar, mas tudo que você precisa para entender SEO é um artigo. O “ SEO Made Simple: A Step-by-Step Guide ” de Neil Patel irá ajudá-lo a iniciar sua jornada para se tornar um herói de SEO.
Se você quiser verificar novamente as coisas para não perder nada, dê uma olhada neste guia gratuito no Search Engine Land. Você também precisa se familiarizar com os conceitos básicos de SEO técnico. Aqui está o artigo “ The Beginner’s Guide to Technical SEO ” do Quicksprout que explica isso em profundidade.
Desenvolvimento Web Responsivo
O site em que você está trabalhando deve ser compatível com dispositivos móveis. Aqui está um tutorial para ajudá-lo a entender o conceito de web design responsivo . Se você já conhece HTML e CSS este passeio será bem tranquilo para você. Além disso, certifique-se de dar uma olhada nestes 10 tutoriais sobre como tornar um site responsivo. Se você aprender Bootstrap , você poderá usar classes CSS predefinidas e criar belos sites responsivos.
Estrutura do site
Uma boa estrutura web garante uma melhor posição na SERPS. Se você quiser aprender como fazer isso, certifique-se de ler o artigo “Como criar uma estrutura de site que melhorará o SEO ”.
Como você pode ver, a internet se tornou uma sala de aula digital para quem está disposto a aprender e avançar. Esperamos que você tenha encontrado o que precisa e que isso o ajude a seguir a carreira que sempre desejou. Com todas as opções que compartilhamos com você, temos certeza de que você encontrará muitos recursos para alavancar sua carreira de web design.
