Design UI UX Híbrido do Figma para HTML CSS e JavaScript

Aprenda a Arte do Design Full-Stack com Design de Interface do Usuário, Design de Experiência do Usuário e Desenvolvimento Web

Visão geral do curso

Das Teorias de UX à Engenharia de UX em um só lugar, junte-se a mim neste curso abrangente onde abordaremos tudo, desde Design de UI até Desenvolvimento Web. Ao longo deste curso, você se tornará um usuário avançado do Figma e dominará os processos de Design e Desenvolvimento padrão da indústria. Prepare-se para liberar sua criatividade com projetos emocionantes e aprenda a criar layouts complexos de design da web usando Figma Auto Layout, CSS Grid puro e Flexbox. Neste curso, você também aprenderá como transformar designs do Photoshop em marcações HTML e estilizá-los com CSS. Além disso, você descobrirá como transformar SVG com JavaScript puro, acionar eventos DOM do JavaScript e controlar animações CSS com JavaScript. Mergulhe no mundo do design de interação com Transições e Animações CSS e desenvolva designs responsivos prontos para produção usando o sistema de grade Bootstrap 5. Como designer visual, você aprenderá como automatizar seu guia de estilo de marca com o Figma e usar Princípios de Design para criar vídeos cativantes de logotipo e miniaturas do YouTube com o Affinity Designer.

Avaliações dos alunos

Aqui está o que alguns de nossos alunos têm a dizer sobre o curso: - Zoe Anderson: O ensino do Hossein é tão coeso. Sou totalmente iniciante em programação e sempre fui intimidada pelo código, mas essas lições me ajudaram a entender novos conceitos no desenvolvimento de UX tão facilmente que eu diria que gostei muito de aprender. Obrigado! :) - Erika Johnson: Curso incrível! Eu já tinha algum conhecimento na parte de codificação do desenvolvimento web, mas senti que precisava de uma visão de UX/UI, então acabei no curso do Hossein e não poderia estar mais feliz! Ele expandiu minha imaginação, especialmente na seção de SVG e nos 10 ótimos projetos no final. Também pude aprimorar minhas habilidades de CSS e JavaScript com seu estilo de ensino elaborado. Definitivamente vou manter as anotações que recebi deste curso ao trabalhar em projetos futuros. Recomendo muito. Muito obrigado, Hossein. - Omar Adams: Eu gostaria de ter feito este curso em vez de perder tantas horas incontáveis em outros. Como alguém que está tentando aprender UX/UI/Front-End, isso é brilhante. Estrutura e fluxo do curso super lógicos. Daria dez estrelas se pudesse. Obrigado, Sr. Hossein. - Maria Sanchez: Estou realmente gostando deste curso. É um dos melhores que fiz sobre desenvolvimento web e UX/UI. O conteúdo é simples, original e super útil. Você precisa experimentar! - Daniel Brown: Adorei as notas de design de UI e UX simples, gráficas e memoráveis, que me ensinaram coisas que nem sabia que precisava saber. Todo o curso é muito fácil de entender, mas surpreendentemente aprofundado. Estou aprendendo muito mais do que esperava, obrigado. - Alex Thompson: Este curso é incrível e obrigatório para todos os desenvolvedores front-end. A parte de UX foi muito bem pesquisada e apresentada. HTML foi uma ótima revisão. Completei as seções de CSS e JS, este conteúdo é incrível e realmente impulsiona minhas habilidades. - Sarah Miller: Eu queria aprender codificação relacionada ao design de sites, o que foi implementado de forma muito boa neste curso. Este curso começa com visualização, o que é absolutamente brilhante. Ainda estou continuando, mas até agora é ótimo. Obrigado. - Emily Wilson: Neste curso, obtive tipos de designs de desenvolvimento front-end que nunca tinha visto antes nos projetos. Se você está procurando novos tipos de designs produzidos com bom CSS e JavaScript, este é o curso para você. - Michael Davis: Este curso aborda exatamente o que eu vim procurar aqui. As explicações são claras e focadas na perspectiva de negócios do desenvolvimento de UX/UI. - Jessica Lee: Este tem que ser um dos melhores cursos de UI UX. Você não apenas aprenderá os fundamentos de UI UX, mas também construirá uma base sólida em Design de Web e Desenvolvimento Frontend. Como instrutor, Hossein fez um trabalho incrível explicando os conceitos, e as belas anotações que ele forneceu também foram muito úteis. Definitivamente, recomendaria este curso para alguém interessado em Design e Desenvolvimento de UI UX e que também queira construir uma base sólida nessa área. Obrigado, Hossein :)

O que você vai aprender

- Projetar 3000 variantes de componentes interativos do Figma e teorias de UX do FigJam - Transformar componentes do Figma em componentes HTML CSS ao vivo - Tornar-se um Designer UI UX unicórnio que conhece design e código - Construir sistemas de design escaláveis com o Figma e automatizar processos manuais - Inspecionar e construir seus Componentes do Figma para entrega de desenvolvimento de forma perfeita - Desenvolvimento de UI responsivo com HTML CSS JavaScript e sistema de grade Bootstrap 5