Aprenda neste treinamento com a Rafaela Ballerini e o Gui Lima, como utilizar tags semânticas e variáveis CSS para construir layouts e aperfeiçoar seus projetos.
Este curso é para pessoas que tenham conhecimentos básicos em HTML e CSS e queiram aprender sobre Flexbox na prática.
Dê um passo a mais no desenvolvimento web imergindo no universo do Angular. Este framework front-end utiliza HTML, CSS, JavaScript e TypeScript para criar aplicativos dinâmicos e robustos. Nesta formação, você irá começar sua jornada explorando os princípios fundamentais de HTML e CSS, para construir uma base sólida. Em seguida, adentrará no mundo do JavaScript, desvendando sua importância na integração da interatividade aos aplicativos. Avançará para o TypeScript, uma linguagem poderosa que eleva a segurança e eficiência no desenvolvimento. Por fim, chegará ao Angular, explorando seus componentes, serviços, roteamento, e diversas outras funcionalidades que capacitam você a criar aplicações web de alta qualidade. Desde a configuração inicial até os desafios mais avançados, como manipulação de requisições HTTP, serviços, injeção de dependências e observables, fornecemos as ferramentas essenciais para desenvolver aplicações web robustas. Junte-se a nós nesta jornada do Angular e eleve suas habilidades no desenvolvimento web.
Invista na transformação da sua carreira!
O que é o React? O React é a biblioteca JavaScript mais popular em desenvolvimento Front-End na atualidade. O que faz esta biblioteca ser tão amada é que ela traz uma maneira simplificada para a criação de interfaces de usuário, além de possibilitar uma atualização e renderização eficientes dos componentes necessários à medida que os dados mudam. Como o React surgiu? Surgiu da dificuldade do time do Facebook em sincronizar os diversos eventos que ocorriam ao mesmo tempo na tela da rede social (pop-ups, chat, lista de amigos etc), porque a lógica ficava muito complexa para fazer a página atualizar todos os elementos simultaneamente. O que começou a ser resolvido mais tarde com o gerenciamento (alteração) de estado. Como o React funciona? O React trabalha de forma declarativa e flexível, possibilitando a criação de interações complexas. O que é Styled Components e Recoil? Ambas são bibliotecas que beneficiam o trabalho com React, enquanto com a primeira é possível fazer CSS no JavaScript (CSS-in-JS), a segunda se trata é para o gerenciamento de estados. Como o React melhora com o Typescript? Somado ao TypeScript, a pessoa desenvolvedora consegue otimizar o seu código, identificando e prevenindo erros durante o desenvolvimento, além de possuir uma flexibilidade maior para trabalhar com tipagem. Quais conhecimentos ter para aprender React? Antes de mergulhar no mundo React, é importante ter conhecimento em HTML, CSS, JavaScript e TypeScript. Conhecer Git e versionamento de código também será muito valioso para aproveitar a formação.
Implemente um design system com React, atribuindo componentes de interface do usuário reutilizáveis e acessíveis para aplicativos web. Você aprenderá as boas práticas de codificação, bem como criar componentes de interface limpos e bem estruturados, e garantir que esses componentes sejam acessíveis para usuários com necessidades especiais. Também é possível aprender sobre ferramentas e técnicas para testar e validar a acessibilidade dos componentes e implementar soluções de acessibilidade em um sistema de design existente.
O design e a tecnologia andam de mãos dadas há muito tempo, e não é para menos, pois apesar das diversas, as duas coisas tem o mesmo objetivo final: solucionar problemas, com criatividade e inovação. A Engenharia de User Interface, ou como é mais conhecida, UI Engineering, é uma área que une dois profissionais em um só, atuando com o design de interface para produtos digitais, mas em vez de utilizar ferramentas como Figma, a aplicação é diretamente nas linhas de código, pensando não só nas soluções de tecnologia, mas também na usabilidade e acessibilidade. Nessa formação, você irá mergulhar em um projeto prático, aplicando conceitos como mobile first, design responsivo, variáveis em CSS, pseudo-classes, e muito mais. Aproveite a formação e bons estudos!
Hoje o papo é sobre CSS! Neste episódio, conversamos sobre a evolução do CSS e seu impacto no desenvolvimento front-end, sua gradual independência do JavaScript, e como novas ferramentas vêm facilitando o trabalho de pessoas desenvolvedoras. Vem ver quem participou desse papo: Paulo Silveira, o host que está de olho no Fold Thamiris Adriano, Coordenadora de Pós Graduação na FIAP e Desenvolvedora de Software na Band Vinny Neves, Líder de Front-End na Alura André David, Co-host e Coordenador Acadêmico do Estúdio de Produção Audiovisual da FIAP Mário Souto, o Dev Soutinho, Lead Software Engineer no Nubank Links: IA Sob Controle – assine o novo feed do antigo Hipsters: Fora de Controle CSS Can I Use CSS Container Queries Formação “A partir do zero: HTML e CSS para projetos web” da Alura Jogo Flexbox Froggy Jogo Flexbox Defense Jogo Grid Garden Curso HTML e CSS: responsividade com mobile-first Curso CSS: construindo layouts com Grid Curso CSS: ajustando a acessibilidade visual em um projeto CSS: Cansei de Ser Simples – Hipsters #09 Acessibilidade web – Hipsters #21 Do Front End ao React – Hipsters Ponto Tech #258 TechGuide: Figma – Hipsters Ponto Tech #357 Conheça todos os cursos e formações de CSS na Alura e mergulhe mais profundamente nesse universo. TechGuide.sh, um mapeamento das principais tecnologias demandadas pelo mercado para diferentes carreiras, com nossas sugestões e opiniões. #7DaysOfCode: Coloque em prática os seus conhecimentos de programação em desafios diários e gratuitos. Acesse Produção e conteúdo: Alura Cursos de Tecnologia – Edição e sonorização: Rede Gigahertz de Podcasts
Saiba o que é o grid, uma importante ferramenta visual para construção de layouts. Entenda, na prática, como dispor os elementos da sua composição, como imagens e textos, em projetos de design para impressão e para telas, inclusive apps e sites.
Conheça o SASS e seus recursos de mixins, extend e parent selector e aplique-os para estilizar um site com código simples, reutilizável e de fácil manutenção.
Aprenda a construir um projeto responsivo e desenvolvido em mobile-first, utilizando Flexbox.