{"id":261658,"date":"2024-02-05T14:51:00","date_gmt":"2024-02-05T11:51:00","guid":{"rendered":"https:\/\/inform.click\/recursos-alternativos-de-desenvolvimento-da-web-para-iniciantes-de-autoestudo\/"},"modified":"2024-02-05T14:51:00","modified_gmt":"2024-02-05T11:51:00","slug":"recursos-alternativos-de-desenvolvimento-da-web-para-iniciantes-de-autoestudo","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/recursos-alternativos-de-desenvolvimento-da-web-para-iniciantes-de-autoestudo\/","title":{"rendered":"Recursos alternativos de desenvolvimento da Web para iniciantes de autoestudo"},"content":{"rendered":"<p>\n  Se voc\u00ea \u00e9 algu\u00e9m que n\u00e3o pode se dar ao luxo de gastar muito dinheiro, mas mesmo assim est\u00e1 disposto a gastar tempo e algum investimento para aprender a desenvolver a Web, ter\u00e1 que adotar uma abordagem menos convencional.\n<\/p>\n<p>\n  Primeiras coisas primeiro: voc\u00ea precisa ser curioso, interessado e um eterno aprendiz.\n<\/p>\n<p>\n  Embora n\u00e3o seja definitivo nem, de forma alguma, exaustivo, a lista a seguir \u00e9 uma lista de recursos para ajud\u00e1-lo em sua jornada de desenvolvimento web, desde o iniciante absoluto at\u00e9 o n\u00edvel de sucesso em v\u00e1rios projetos.\n<\/p>\n<p>\n  Familiarize-se com os elementos HTML e CSS essenciais\n<\/p>\n<p>\n  As p\u00e1ginas da Web s\u00e3o em grande parte compostas de c\u00f3digos HTML e CSS. Esses dois s\u00e3o os b\u00e1sicos. Claro que existem outras linguagens para tornar as coisas mais interativas, estilizadas, animadas, adaptativas e\/ou responsivas, como jQuery, Python, Ruby on Rails e JavaScript. Mas, para come\u00e7ar, concentre-se em HTML e CSS. Estas s\u00e3o as coisas que voc\u00ea precisa para come\u00e7ar a criar uma p\u00e1gina da web a partir do zero.\n<\/p>\n<p>\n  Examine os dois com a ajuda de sites de tutoriais. A maioria \u00e9 gratuita, algumas s\u00e3o pagas, mas ainda mais baratas do que um diploma de um ano, especialmente se voc\u00ea adicionar cafeteria, cerveja nos fins de semana e taxas de hospedagem.\n<\/p>\n<h5>\n  <a href=\"http:\/\/www.sitepoint.com\/html-css-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">SitePointName<\/a><br \/>\n<\/h5>\n<p>\n  O SitePoint tem um guia para iniciantes em HTML e CSS, ent\u00e3o este \u00e9 um bom lugar para come\u00e7ar a se familiarizar com os conceitos b\u00e1sicos. Voc\u00ea aprender\u00e1 n\u00e3o apenas o c\u00f3digo, mas tamb\u00e9m as ferramentas para criar um site \u2013 de editores de texto a navegadores e editores gr\u00e1ficos.\n<\/p>\n<h5>\n  <a href=\"http:\/\/channel9.msdn.com\/Series\/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners\" target=\"_blank\" rel=\"noopener\">canal 9<\/a><br \/>\n<\/h5>\n<p>\n  Esta \u00e9 uma p\u00e1gina de 21 epis\u00f3dios de li\u00e7\u00f5es que ensinam os fundamentos de p\u00e1ginas da web e codifica\u00e7\u00e3o. Voltado para iniciantes absolutos, esteja preparado para gastar de 6 a 48 minutos por epis\u00f3dio. Se voc\u00ea quiser pular para os epis\u00f3dios em que acha que precisa focar mais, as aulas s\u00e3o totalmente gratuitas e podem ser assistidas em qualquer ordem, a qualquer hora.\n<\/p>\n<h5>\n  <a href=\"http:\/\/www.w3resource.com\/\" target=\"_blank\" rel=\"noopener\">recurso w3<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188bf6d8a6.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188bf6d8a6.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  w3resource \u00e9 um recurso abrangente aprovado pela comunidade de desenvolvedores para qualquer coisa relacionada ao desenvolvimento da web. Ele oferece uma ampla base de li\u00e7\u00f5es de desenvolvimento web, n\u00e3o apenas HTML e CSS. Seus materiais de aprendizagem s\u00e3o agrupados por fun\u00e7\u00e3o. A primeira categoria cont\u00e9m o conjunto de linguagens necess\u00e1rias para o desenvolvimento front-end, e \u00e9 nela que voc\u00ea encontrar\u00e1 HTML e CSS. As outras categorias incluem tutoriais de linguagem para desenvolvimento de back-end, gerenciamento de banco de dados, interc\u00e2mbio de dados e APIs.\n<\/p>\n<h5>\n  <a href=\"http:\/\/htmldog.com\/guides\/html\/\" target=\"_blank\" rel=\"noopener\">Cachorro HTML<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c1184c4.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c1184c4.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Fundado em 2003, o HTML Dog \u00e9 um site com tutoriais de HTML, CSS e JavaScript. Seu objetivo \u00e9 publicar materiais de aprendizado f\u00e1ceis de digerir para incentivar iniciantes e aqueles que se intimidam com a codifica\u00e7\u00e3o. As aulas s\u00e3o subdivididas em v\u00e1rios cap\u00edtulos e n\u00edveis, do iniciante ao avan\u00e7ado, e ainda estruturadas por conte\u00fados que mostram o que voc\u00ea aprender\u00e1 por aula.\n<\/p>\n<h5>\n  <a href=\"http:\/\/learn.shayhowe.com\/html-css\/building-your-first-web-page\/\" target=\"_blank\" rel=\"noopener\">Shay Howe<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c403517.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c403517.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Este site de tutorial orienta voc\u00ea por 12 li\u00e7\u00f5es sobre HTML e CSS b\u00e1sico gratuitamente. Em vez de pagar por um curso para iniciantes logo de cara, voc\u00ea pode experiment\u00e1-los primeiro. Quando terminar, determine se voc\u00ea ainda precisa dos pagos. Se voc\u00ea ainda o fizer, pelo menos, uma introdu\u00e7\u00e3o de um site de tutorial gratuito o facilitar\u00e1 em suas aulas pagas muito mais rapidamente do que com absolutamente nenhum conhecimento.\n<\/p>\n<p>\n  Depois de concluir o tutorial &#8220;criando sua primeira p\u00e1gina da Web&#8221;, voc\u00ea pode passar para o tutorial avan\u00e7ado para um desenvolvimento de design de front-end mais profundo.\n<\/p>\n<h5>\n  <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Tutorials\" target=\"_blank\" rel=\"noopener\">Mozilla Developer Network<\/a><br \/>\n<\/h5>\n<p>\n  Este site cont\u00e9m uma lista abrangente de links para uma variedade de tutoriais e materiais de treinamento selecionados por empresas e desenvolvedores. H\u00e1 muitas li\u00e7\u00f5es para escolher, n\u00e3o apenas HTML e CSS. Como eles s\u00e3o escolhidos pelos desenvolvedores, voc\u00ea pode ter certeza de que o conte\u00fado para o qual os links levam \u00e9 confi\u00e1vel, com li\u00e7\u00f5es voltadas para v\u00e1rios n\u00edveis, do iniciante ao avan\u00e7ado.\n<\/p>\n<h5>\n  <a href=\"https:\/\/www.memrise.com\/\" target=\"_blank\" rel=\"noopener\">Memrise<\/a><br \/>\n<\/h5>\n<p>\n  No aprendizado, a repeti\u00e7\u00e3o \u00e9 fundamental, e o Memrise ajuda a tornar a memoriza\u00e7\u00e3o no estilo de repeti\u00e7\u00e3o divertida por meio de jogos. Isso pode ser feito durante o trajeto, enquanto espera na fila para pedir comida para viagem \u2013 em qualquer lugar com acesso \u00e0 Internet, na verdade.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c62d4ef.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c62d4ef.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Aqui est\u00e3o links para algumas li\u00e7\u00f5es \u00fateis sobre c\u00f3digos HTML, HTML5, CSS e CSS3 importantes:\n<\/p>\n<ul>\n<li>\n    <a href=\"https:\/\/www.memrise.com\/course\/85471\/30-css-selectors-you-must-memrise\/\" target=\"_blank\" rel=\"noopener\">30 seletores CSS que voc\u00ea DEVE memorizar<\/a>\n  <\/li>\n<li>\n    <a href=\"https:\/\/www.memrise.com\/course\/333829\/all-html-attributes-list\/\" target=\"_blank\" rel=\"noopener\">Lista de todos os atributos HTML<\/a>\n  <\/li>\n<li>\n    <a href=\"https:\/\/www.memrise.com\/course\/347691\/complete-element-list-html5\/\" target=\"_blank\" rel=\"noopener\">Lista Completa de Elementos HTML5<\/a>\n  <\/li>\n<li>\n    <a href=\"https:\/\/www.memrise.com\/course\/347673\/all-html5-attributes\/\" target=\"_blank\" rel=\"noopener\">Todos os atributos HTML5<\/a>\n  <\/li>\n<li>\n    <a href=\"https:\/\/www.memrise.com\/course\/345049\/all-css3-selectors-2\/\" target=\"_blank\" rel=\"noopener\">Todos os seletores CSS3<\/a>\n  <\/li>\n<li>\n    <a href=\"https:\/\/www.memrise.com\/course\/381755\/css3-properties\/\" target=\"_blank\" rel=\"noopener\">Propriedades CSS3<\/a>\n  <\/li>\n<li>\n    <a href=\"https:\/\/www.memrise.com\/course\/352933\/css3-syntax-of-properties\/\" target=\"_blank\" rel=\"noopener\">CSS3 Sintaxe de Propriedades<\/a>\n  <\/li>\n<\/ul>\n<p>\n  Se voc\u00ea estiver se sentindo particularmente diligente, pode criar li\u00e7\u00f5es adaptadas \u00e0s suas pr\u00f3prias necessidades e adicionar seus pr\u00f3prios mems. Embora seja prefer\u00edvel e muito \u00fatil, n\u00e3o se espera que voc\u00ea se lembre de todos os c\u00f3digos o tempo todo. Se voc\u00ea quiser se tornar profissional, no entanto, saber seus c\u00f3digos de cor pode economizar tempo ao construir sites com prazos muito rigorosos.\n<\/p>\n<h5>\n  <a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noopener\">W3C<\/a><br \/>\n<\/h5>\n<p>\n  W3C, abrevia\u00e7\u00e3o de World Wide Web Consortium, consiste em uma comunidade internacional de autoridades que se unem a empresas, outras comunidades membros, funcion\u00e1rios internos e o p\u00fablico para organizar, manter e desenvolver padr\u00f5es da web. Consultar o site para obter as \u00faltimas not\u00edcias e atualiza\u00e7\u00f5es relacionadas aos padr\u00f5es da web pode ajud\u00e1-lo a aprimorar e adaptar suas habilidades de acordo.\n<\/p>\n<h5>\n  <a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener\">W3Schools<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c84cd86.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c84cd86.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Amplamente considerado por desenvolvedores profissionais como um site para &#8220;noobs&#8221;, o W3Schools oferece uma experi\u00eancia de aprendizado decente e um ambiente para aqueles que est\u00e3o come\u00e7ando a aprender a codificar. Eles t\u00eam uma lista estruturada de li\u00e7\u00f5es pelas quais qualquer novato pode passar confortavelmente, completa com exemplos e um simulador para praticar. O W3Schools tamb\u00e9m fornece certifica\u00e7\u00f5es, mas voc\u00ea ter\u00e1 que pagar por elas.\n<\/p>\n<h5>\n  <a href=\"https:\/\/webplatform.github.io\/\" target=\"_blank\" rel=\"noopener\">webplatform.org<\/a><br \/>\n<\/h5>\n<p>\n  WebPlatform.org \u00e9 uma colabora\u00e7\u00e3o W3C com Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera e Nokia. A principal fun\u00e7\u00e3o do WebPlatform.org \u00e9 servir como host para toda a documenta\u00e7\u00e3o sobre desenvolvimento web. Qualquer pessoa \u00e9 bem-vinda para se juntar e participar das conversas. Contribui\u00e7\u00e3o e colabora\u00e7\u00e3o s\u00e3o altamente encorajadas, o que \u00e9 poss\u00edvel atrav\u00e9s de uma plataforma MediaWiki.\n<\/p>\n<h5>\n  InstantShift<br \/>\n<\/h5>\n<p>\n  Se voc\u00ea \u00e9 um visitante regular, sabemos que voc\u00ea j\u00e1 sabe. Mas, por uma quest\u00e3o de consist\u00eancia, o InstantShift, como mostra o snippet Sobre, \u00e9 uma comunidade para desenvolvedores e designers da web. Um blog de v\u00e1rios autores, ele oferece uma ampla variedade de recursos, artigos e instru\u00e7\u00f5es, at\u00e9 mesmo temas gratuitos, nos quais designers e desenvolvedores de experi\u00eancias e n\u00edveis de especializa\u00e7\u00e3o variados podem consultar para iniciar seus conhecimentos ou se inspirar. As categorias de artigos incluem web design, WordPress, CSS, tutoriais, ferramentas, brindes, fotografia e \u00edcones, entre outros.\n<\/p>\n<h3>\n  Participar de aulas\/cursos online<br \/>\n<\/h3>\n<h5>\n  <a href=\"https:\/\/www.edx.org\/course\/harvardx\/harvardx-cs50x-introduction-computer-1022#.VGEUjjSUfKg\" target=\"_blank\" rel=\"noopener\">Harvard CS50<\/a><br \/>\n<\/h5>\n<p>\n  Uma aula de edX ministrada por David J. Malan, professor da Harvard University, fazer esse curso introdut\u00f3rio \u00e0 Ci\u00eancia da Computa\u00e7\u00e3o \u00e9 um investimento que vale ouro, \u00e9 uma maravilha que n\u00e3o cobram por isso. \u00c9 principalmente por isso que muitos aprendizes ao longo da vida em todo o mundo s\u00e3o gratos pelas possibilidades que os MOOCs (cursos on-line abertos massivos) apresentam para aqueles que n\u00e3o podem pagar para entrar em universidades de prest\u00edgio como Harvard. As linguagens que voc\u00ea aprender\u00e1 incluir\u00e3o C, PHP, JavaScript, SQL e, \u00e9 claro, CSS e HTML. Se voc\u00ea quiser usar esta classe para cr\u00e9dito, ter\u00e1 que pagar pela certifica\u00e7\u00e3o.\n<\/p>\n<h5>\n  <a href=\"http:\/\/tutsplus.com\/\" target=\"_blank\" rel=\"noopener\">Tuts+<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188ca1b3db.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188ca1b3db.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  O Tuts+ cont\u00e9m uma s\u00e9rie de tutoriais e cursos para escolher, desde codifica\u00e7\u00e3o a ilustra\u00e7\u00e3o, design e desenvolvimento de aplicativos m\u00f3veis. O Tuts+ oferece cursos e tutoriais gratuitos, mas o acesso premium exige pagamento de pelo menos US$ 15 por m\u00eas a US$ 360 por ano. Eles oferecem um teste gratuito de 14 dias.\n<\/p>\n<h5>\n  <a href=\"http:\/\/teamtreehouse.com\/\" target=\"_blank\" rel=\"noopener\">casa na \u00e1rvore<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188cc30e82.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188cc30e82.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Treehouse \u00e9 um servi\u00e7o pago destinado a ensinar desenvolvimento web, design e desenvolvimento de aplicativos m\u00f3veis. O acesso b\u00e1sico custa US$ 24 por m\u00eas e o profissional custa US$ 49. O site tamb\u00e9m est\u00e1 equipado com f\u00f3runs, espa\u00e7os de trabalho, \u00e1rea de concursos e desafios, aulas de b\u00f4nus e \u00e1rea de confer\u00eancias, workshops ao vivo, uma biblioteca e uma comunidade com a qual voc\u00ea pode entrar em contato e interagir.\n<\/p>\n<h3>\n  Pr\u00e1tica<br \/>\n<\/h3>\n<p>\n  A pr\u00e1tica faz melhor, se n\u00e3o perfeito. Ao praticar, voc\u00ea permite que seu c\u00e9rebro fa\u00e7a uma a\u00e7\u00e3o ativa e criativa que estimular\u00e1 um melhor aprendizado e reten\u00e7\u00e3o, em vez de apenas ler e visualizar tutoriais. Complemente seus estudos praticando com MOOCs como:\n<\/p>\n<h5>\n  <a href=\"https:\/\/www.codecademy.com\/\" target=\"_blank\" rel=\"noopener\">Codecademy<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188ceb4e2d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188ceb4e2d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  A inscri\u00e7\u00e3o \u00e9 gratuita com Codecademy, e as li\u00e7\u00f5es s\u00e3o facilitadas para iniciantes. Voc\u00ea pode ver como seus c\u00f3digos HTML e CSS se traduzem em uma p\u00e1gina da Web \u00e0 medida que s\u00e3o exibidos ao vivo ao lado de seu editor de texto, mudando conforme voc\u00ea avan\u00e7a. H\u00e1 tamb\u00e9m um f\u00f3rum onde voc\u00ea pode compartilhar suas perguntas e respostas com a comunidade.\n<\/p>\n<h5>\n  <a href=\"http:\/\/www.codeavengers.com\/\" target=\"_blank\" rel=\"noopener\">C\u00f3digo Vingadores<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d093901.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d093901.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Com Code Avengers, a inscri\u00e7\u00e3o tamb\u00e9m \u00e9 gratuita. Ele permite que voc\u00ea crie um site por meio de HTML e CSS, completo com instru\u00e7\u00f5es por meio de texto e v\u00eddeo. Depois de clicar no bot\u00e3o de sele\u00e7\u00e3o na parte superior do editor de texto, voc\u00ea pode ver a apar\u00eancia do seu c\u00f3digo por meio de uma janela em forma de celular \u00e0 direita. Se voc\u00ea se inscrever para uma conta, poder\u00e1 salvar seu progresso e ser pontuado em rela\u00e7\u00e3o a outros participantes por meio de um quadro de l\u00edderes.\n<\/p>\n<h3>\n  Inspire-se<br \/>\n<\/h3>\n<p>\n  Para fazer sua criatividade fluir e encontrar modelos para imitar, procure na web alguns exemplos do mundo real. Veja o tipo de bom material que j\u00e1 existe e o que todo mundo est\u00e1 dizendo sobre isso do ponto de vista do desenvolvedor, p\u00fablico, interface do usu\u00e1rio, design e programa\u00e7\u00e3o\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d274d05.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d274d05.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Por exemplo, voc\u00ea pode conferir desenvolvedores, ag\u00eancias e sites reconhecidos globalmente por meio <a href=\"http:\/\/www.awwwards.com\/\" target=\"_blank\" rel=\"noopener\">do Awwwards<\/a>, um site dedicado a reconhecer e promover o que h\u00e1 de melhor em design e desenvolvimento da web em todo o mundo.\n<\/p>\n<h3>\n  Criar um portf\u00f3lio<br \/>\n<\/h3>\n<p>\n  Para se tornar mais vis\u00edvel para os clientes, um portf\u00f3lio \u00e9 essencial. Existem muitos sites de hospedagem de portf\u00f3lio por a\u00ed, mas aqui est\u00e3o dois exemplos:\n<\/p>\n<h5>\n  <a href=\"http:\/\/www.portfoliobox.net\/\" target=\"_blank\" rel=\"noopener\">PortfolioBox<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d46246a.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d46246a.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Com hospedagem de dom\u00ednio, integra\u00e7\u00e3o de m\u00eddia social, otimiza\u00e7\u00e3o de mecanismo de pesquisa, painel de estat\u00edsticas integrado e funcionalidade de envio de boletim informativo, vale a pena examinar o PortfolioBox. Tamb\u00e9m possui suporte integrado para smartphones e tablets, para que seu site tenha a mesma apar\u00eancia quando visualizado em qualquer dispositivo. O PortfolioBox oferece uma conta gratuita, que pode hospedar at\u00e9 40 imagens e, ao se inscrever, permite que voc\u00ea use os recursos do Pro por 30 dias. O Pro custa US$ 6,90 mensais e \u00e9 pago anualmente.\n<\/p>\n<h5>\n  <a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"noopener\">Drible<\/a><br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d605b37.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d605b37.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Um site de desenvolvedores que serve como uma plataforma de mostrar e contar para outros desenvolvedores, o Dribbble permite que voc\u00ea compartilhe capturas de tela de seus processos, trabalhos e projetos. Ele tem um recurso de m\u00eddia social que mostra quantas visualiza\u00e7\u00f5es, curtidas e coment\u00e1rios voc\u00ea recebe.\n<\/p>\n<h3>\n  Seja pago para trabalhar<br \/>\n<\/h3>\n<p>\n  \u00c9 produtivo continuar treinando e praticando, mas nada supera o tipo de treinamento que paga, que \u00e9 essencialmente o que \u00e9 pago por suas habilidades. Voc\u00ea est\u00e1 aplicando e aprimorando seu of\u00edcio e, no final das contas, algu\u00e9m se beneficia de seu valor e paga por isso. Sites de freelancing como <a href=\"http:\/\/www.programmermeetdesigner.com\/\" target=\"_blank\" rel=\"noopener\">ProgrammerMeetDesigner<\/a>, <a href=\"http:\/\/www.getacoder.com\/\" target=\"_blank\" rel=\"noopener\">GetACoder<\/a> e <a href=\"http:\/\/authenticjobs.com\/\" target=\"_blank\" rel=\"noopener\">AuthenticJobs<\/a> s\u00e3o apenas alguns dos lugares que contratam programadores e designers. <a href=\"http:\/\/www.hongkiat.com\/blog\/50-freelance-job-sites-for-designers-programmers-best-of\/\" target=\"_blank\" rel=\"noopener\">Este artigo<\/a> um tanto desatualizado do Hongkiat.com lista 50 sites de empregos freelance para designers e programadores, a maioria dos quais ainda est\u00e1 em alta.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d818fe2.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d818fe2.webp\" alt=\"\" \/><\/a><\/p>\n<h3>\n  Fa\u00e7a parte de uma comunidade<br \/>\n<\/h3>\n<p>\n  Fazer parte de uma comunidade \u00e9 \u00f3timo para mant\u00ea-lo motivado e encontrar respostas para alguns problemas particularmente dif\u00edceis que voc\u00ea encontrar\u00e1 ao longo de sua jornada de desenvolvimento web. Aqui est\u00e1 uma lista de f\u00f3runs para participar para obter conhecimento mais atual, amigos, mentores e at\u00e9 mesmo refer\u00eancias de trabalho.\n<\/p>\n<ul>\n<li>\n    <a href=\"https:\/\/www.reddit.com\/r\/webdev\" target=\"_blank\" rel=\"noopener\">Reddit<\/a>\n  <\/li>\n<li>\n    <a href=\"http:\/\/www.dreamincode.net\/forums\/forum\/74-web-development\/\" target=\"_blank\" rel=\"noopener\">Dream.In.Code<\/a>\n  <\/li>\n<li>\n    <a href=\"http:\/\/www.webdeveloper.com\/forum\/forum.php\" target=\"_blank\" rel=\"noopener\">WebDeveloper.com<\/a>\n  <\/li>\n<li>\n    <a href=\"http:\/\/\">Comunidade SitePoint<\/a>\n  <\/li>\n<li>\n    <a href=\"https:\/\/stackoverflow.com\/\" target=\"_blank\" rel=\"noopener\">StackOverflow<\/a>\n  <\/li>\n<li>\n    <a href=\"http:\/\/www.codingforums.com\/\" target=\"_blank\" rel=\"noopener\">F\u00f3runs de Codifica\u00e7\u00e3o<\/a>\n  <\/li>\n<\/ul>\n<h3>\n  Gerencie seus projetos<br \/>\n<\/h3>\n<p>\n  No momento em que voc\u00ea consegue clientes, o gerenciamento de projetos se torna uma habilidade essencial. Simples e f\u00e1cil de usar, <a href=\"https:\/\/teuxdeux.com\/\" target=\"_blank\" rel=\"noopener\">o TeuxDeux<\/a> pode organizar sua lista de tarefas di\u00e1rias. O desenvolvimento da Web geralmente n\u00e3o \u00e9 um projeto de um dia. Para alguns projetos, voc\u00ea precisar\u00e1 agendar tarefas dentro de um prazo e estimar quanto tempo cada uma precisa para ser conclu\u00edda. Para projetos futuros mais abrangentes que simples listas de tarefas ou software de colabora\u00e7\u00e3o n\u00e3o podem resolver, existem ferramentas intuitivas e adapt\u00e1veis \u200b\u200bde gerenciamento de projetos e colabora\u00e7\u00e3o completas, como <a href=\"http:\/\/www.comindware.com\/project\/\" target=\"_blank\" rel=\"noopener\">o Comindware Project<\/a>, que vale a pena considerar.\n<\/p>\n<p>\n  Um reposit\u00f3rio online para o seu trabalho \u00e9 outra ferramenta \u00fatil, para que voc\u00ea tenha backup em caso de problemas com sua unidade local. <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">O GitHub<\/a> pode hospedar seu c\u00f3digo e, se voc\u00ea decidir disponibiliz\u00e1-lo publicamente, poder\u00e1 solicitar coment\u00e1rios, sugest\u00f5es ou edi\u00e7\u00f5es de outros desenvolvedores para tornar seu trabalho ainda melhor.\n<\/p>\n<p>\n  <strong>Algum outro recurso que deixamos de mencionar?<\/strong>\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea \u00e9 algu\u00e9m que n\u00e3o pode se dar ao luxo de gastar muito dinheiro, mas mesmo assim est\u00e1 disposto a gastar tempo e algum investimento para aprender a desenvolver a Web, ter\u00e1 que adotar uma abordagem menos convencional. Primeiras coisas primeiro: voc\u00ea precisa ser curioso, interessado e um eterno aprendiz. Embora n\u00e3o seja definitivo nem, de forma alguma, exaustivo, a lista a seguir \u00e9 uma lista de recursos para ajud\u00e1-lo em sua jornada de desenvolvimento web, desde o iniciante absoluto at\u00e9 o n\u00edvel de sucesso em v\u00e1rios projetos. Familiarize-se com os elementos HTML e CSS essenciais As p\u00e1ginas da Web s\u00e3o compostas em grande parte por c\u00f3digos HTML e CSS. Esses \u2026<\/p>\n","protected":false},"author":1,"featured_media":135755,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,150,228,605,527,59,657],"tags":[],"class_list":["post-261658","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-dicas-e-truques-da-web","category-livros-didaticos","category-tecnologia-e-muito-mais","category-raznoe-pt-pt","category-web-e-wordpress-2","category-web-sites"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261658"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261658\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/135755"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}