A gente teve um crescimento bastante interessante de quase

O problema que o material coloca

O material abre a restrição assim: E aí Empresas de tecnologia da informação esperam gerar 147 mil vagas de emprego aqui no Brasil até dezembro, mas a expansão acelerada do setor esbarra na falta da mão de obra qualificada. Esta empresa de serviços que cria soluções digitais e de inteligência artificial é uma das maiores do Brasil com 2.500 funcionários e está sempre contratando. O relatório sobre perspectivas para o mercado de trabalho no setor de tecnologia, informação e comunicação prevê a abertura de até 147 mil empregos formais até dezembro.

A gente teve um crescimento bastante interessante de quase 70% de pessoas nos cursos de graduação de 2019 a 2023, mas ainda assim, justamente, a gente tem um descasamento, a gente tem mais vagas no setor do que. Um bom exemplo vem de Santana de Parnaíba, na região metropolitana de São Paulo, que abriu para alunos do ensino médio da rede pública mais de 1.600 vagas num curso de programação. E aí Vamos falar de mercado de trabalho agora, mesmo oferecendo bons salários, empresas estão com dificuldade de encontrar profissionais na área de tecnologia da informação.

É que boa parte dos candidatos só quer trabalhar home office. Então, a gente vai criar isso daqui, esse scrolling aqui. Então, isso que vai ser bacana, que vai ter conhecimento técnico teórico e também prático, porque a gente vai estar fazendo tudo isso juntos no Figma, nessa primeira aula que chama O Design que Vende.

Para `aulas-design-vagas-tecnologia-comunidade-curso`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Como o fluxo aparece na pratica

No miolo do episódio, o mecanismo fica explícito: E aí, a partir das próximas aulas, a gente vai começar a desenvolver realmente esse layout, a gente vai tirar do papel, tirar só do design e vai desenvolver, vai colocar isso em prática. Falaremos também sobre o mercado, sobre vagas de emprego na área, sobre conhecimentos que você tenha, que vão te auxiliar na sua jornada profissional, tanto para quem quer vaga de emprego, como para quem quer empreender, abrir sua própria agência, projetos freelance e tudo mais. Comente aí no chat ao vivo que a gente vai estar respondendo vocês para que a gente possa trocar uma ideia, falar um pouco sobre você, se você já é da área ou não, o que você espera desse mini curso aqui no YouTube.

E não deixe para assistir tudo de última hora, porque como eu falei, além de ser aulas que vão ter em média uma hora, vai ser bastante conhecimento técnico. Mas agora assista aqui, preste atenção e depois você também pode praticar se você quiser. Então, tudo que a gente vai abordar nesse minicurso, obviamente, a gente também ensina no nosso curso profissionalizante, que a gente fala sobre design, desenvolvimento, programação full stack.

Para se aprimorar ainda mais em cada conceito que a gente vai ver aqui e em outros conceitos também que não vai ter tempo da gente ver aqui. E eu vou dar, como eu falei, os conceitos técnicos enquanto a gente cria. Aí, no desenvolvimento, tem gente que faz no código, tem gente, dependendo desse layout, que faz utilizando inteligência artificial, tem gente que faz utilizando ferramentas no code, por exemplo, WordPress, Framework.

Para `aulas-design-vagas-tecnologia-comunidade-curso`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Decisoes e trade-offs do episodio

As decisões práticas que aparecem no áudio: Eu indico para o pessoal da comunidade, para os alunos, que como eles mesmos têm a capacidade de criar design e desenvolver, eles sabem o que vai ser desenvolvido. E aí depois a nossa tela, vocês podem ver que ela sai dali e ela vem até nós e deixa tudo branco e aparecem as informações. Ela se torna 3D e ela vai sair exatamente do mesmo ponto onde temos a nossa iluminação.

O que eu gosto de fazer é o seguinte, dar um clique aqui na tela. E agora eu posso vir aqui, da mesma forma que a gente pode fazer isso no código, a gente pode fazer conta aqui também, eu posso colocar isso daqui dividido por 2. Se você estiver usando o Mac, é o Command, né?

Depois a gente pode regular isso daqui, ó. Se eu vier no plano de fundo e der uma cor para não ficar somente preto e branco, como por exemplo, eu vou colocar a cor azul, que isso daqui seria a paleta de cores que a gente vai utilizar. Se eu vier nesse retângulo agora e a gente der um Mix Blend Mode, que no CSS a gente pode fazer isso tudo que eu estou criando aqui no Figma, pode ser feito no código CSS e tudo mais.

Para `aulas-design-vagas-tecnologia-comunidade-curso`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Armadilhas que o transcript revela

Onde o fluxo costuma quebrar, segundo a fonte: Em vez de ser só branco e preto, eu posso jogar aqui um cinza. E aí você clica na parte superior e segurando Alt, você pode diminuir proporcionalmente, ó. Escuro, no caso eu posso aqui selecionar o conta-gotas e pegar a mesma cor, o mesmo tom azul do nosso plano de fundo, e aí eu vou colar aqui, ó então vai ser azul até azul, só que eu quero que no centro ele seja azul em vez de opacidade 100%, eu quero opacidade 0 tá vendo que tá sendo esse feixe, ó esse feixe mais claro ó lá, tá vendo que é um feixe?

Eu posso até agrupar todos eles aqui, seleciona todos, eu posso vir selecionando, clicando com o Ctrl, ou você clica em um, vem até o último, segurando Shift, você clica, dá um Ctrl G, criamos um grupo, e agora eu vou nomear, por exemplo, de Background. Para divulgar a nossa plataforma, que é a comunidade WebHub. O que você pode fazer é vir aqui mais uma vez e dar mesclagem.

Você pode estar me perguntando, pô, no meu Figma não tem a fonte Clash, basta você baixar. Só que não é branco com opacidade 100%. Só que você pode ver que se ele fosse branco, branco, dessa forma, e esse texto branco, e esse comunidade WebHub branco, e esse mais de 500 alunos branco, tudo branco, usuário que está vendo esse layout, ele perde um pouco a capacidade de diferenciar as coisas.

Para `aulas-design-vagas-tecnologia-comunidade-curso`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Como levar isso para o seu contexto

Traduzindo o trecho para um time que não viu o vídeo: Por exemplo, aqui a gente está utilizando duas fontes. Isso além de ser design visual é experiência de usuário Você quer que o seu usuário se sinta confortável lendo um texto Um botão, o texto de um botão é pequeno, tá vendo? Que é pequeno Então precisa ser bem legível Você não vai vir aqui e vai colocar uma fonte assim Olha que coisa horrível Mas uma fonte dessa poderia ser utilizada para títulos grandes e curtos Aí já faz mais sentido Beleza?

A gente precisa ter contraste, mas uma coisa do design sempre. O botão de se inscrever é a coisa mais importante para uma landing page que quer adquirir mais alunos, como por exemplo essa nossa landing page para a comunidade. Eu vou dar meu máximo aqui para que você entenda.

E aí eu posso vir aqui, cliquei, Eu vou fazer uma seta Olha que bacana Agora eu clico no ESC, então vai sair desse ponto Clico nesse pontinho aqui Venho e desço E agora eu aperto ESC de novo Eu posso apertar o V Que a gente vai sair da ferramenta da caneta E eu clico fora Criamos uma setinha E agora eu posso aumentar o tamanho dela Se eu venho só para a esquerda, aumenta dessa forma Só que se eu seguro o SHIFT,. Agora a seta sumiu, porque a seta está preta. A coisa que a gente mais vê é espaçamento.

Para `aulas-design-vagas-tecnologia-comunidade-curso`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Sinais de que a aplicacao funcionou

Para fechar o ciclo com evidência do próprio material: Como eu falei, em um site você pode ter dois botões, mas você tem que ter o entendimento de que você vai ter um botão primário e um botão secundário. Você tem uma ação primária que você quer que o seu. E agora eu posso mexer aqui no espaçamento em que eles terão entre eles.

E aí Empresas de tecnologia da informação esperam gerar 147 mil vagas de emprego aqui no Brasil até dezembro, mas a expansão acelerada do setor esbarra na falta da mão de obra qualificada. Esta empresa de serviços que cria soluções digitais e de inteligência artificial é uma das maiores do Brasil com 2.500 funcionários e está sempre contratando. O relatório sobre perspectivas para o mercado de trabalho no setor de tecnologia, informação e comunicação prevê a abertura de até 147 mil empregos formais até dezembro.

A gente teve um crescimento bastante interessante de quase 70% de pessoas nos cursos de graduação de 2019 a 2023, mas ainda assim, justamente, a gente tem um descasamento, a gente tem mais vagas no setor do que. Um bom exemplo vem de Santana de Parnaíba, na região metropolitana de São Paulo, que abriu para alunos do ensino médio da rede pública mais de 1.600 vagas num curso de programação. E aí Vamos falar de mercado de trabalho agora, mesmo oferecendo bons salários, empresas estão com dificuldade de encontrar profissionais na área de tecnologia da informação.

Para `aulas-design-vagas-tecnologia-comunidade-curso`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Recortes adicionais da fonte

Estes trechos reforçam o raciocínio sem resumir genérico:

E aí Empresas de tecnologia da informação esperam gerar 147 mil vagas de emprego aqui no Brasil até dezembro, mas a expansão acelerada do setor esbarra na falta da mão de obra qualificada. Esta empresa de serviços que cria soluções digitais e de inteligência artificial é uma das maiores do Brasil com 2.500 funcionários e está sempre contratando. O relatório sobre perspectivas para o mercado de trabalho no setor de tecnologia, informação e comunicação prevê a abertura de até 147 mil empregos formais até dezembro.

A gente teve um crescimento bastante interessante de quase 70% de pessoas nos cursos de graduação de 2019 a 2023, mas ainda assim, justamente, a gente tem um descasamento, a gente tem mais vagas no setor do que. Um bom exemplo vem de Santana de Parnaíba, na região metropolitana de São Paulo, que abriu para alunos do ensino médio da rede pública mais de 1.600 vagas num curso de programação. E aí Vamos falar de mercado de trabalho agora, mesmo oferecendo bons salários, empresas estão com dificuldade de encontrar profissionais na área de tecnologia da informação.

É que boa parte dos candidatos só quer trabalhar home office. Então, a gente vai criar isso daqui, esse scrolling aqui. Então, isso que vai ser bacana, que vai ter conhecimento técnico teórico e também prático, porque a gente vai estar fazendo tudo isso juntos no Figma, nessa primeira aula que chama O Design que Vende.

E aí, a partir das próximas aulas, a gente vai começar a desenvolver realmente esse layout, a gente vai tirar do papel, tirar só do design e vai desenvolver, vai colocar isso em prática. Falaremos também sobre o mercado, sobre vagas de emprego na área, sobre conhecimentos que você tenha, que vão te auxiliar na sua jornada profissional, tanto para quem quer vaga de emprego, como para quem quer empreender, abrir sua própria agência, projetos freelance e tudo mais. Comente aí no chat ao vivo que a gente vai estar respondendo vocês para que a gente possa trocar uma ideia, falar um pouco sobre você, se você já é da área ou não, o que você espera desse mini curso aqui no YouTube.

E não deixe para assistir tudo de última hora, porque como eu falei, além de ser aulas que vão ter em média uma hora, vai ser bastante conhecimento técnico. Mas agora assista aqui, preste atenção e depois você também pode praticar se você quiser. Então, tudo que a gente vai abordar nesse minicurso, obviamente, a gente também ensina no nosso curso profissionalizante, que a gente fala sobre design, desenvolvimento, programação full stack.

Para se aprimorar ainda mais em cada conceito que a gente vai ver aqui e em outros conceitos também que não vai ter tempo da gente ver aqui. E eu vou dar, como eu falei, os conceitos técnicos enquanto a gente cria. Aí, no desenvolvimento, tem gente que faz no código, tem gente, dependendo desse layout, que faz utilizando inteligência artificial, tem gente que faz utilizando ferramentas no code, por exemplo, WordPress, Framework.

Internalize com links reais do ecossistema CrazyStack: /blog, /curso-cursor-avancado-configuracoes-pro, /curso-claude-code-9-dicas-profissionais, /programa-crazystack e /checklist-independencia-cursor.