Please enable JavaScript.

Coggle requires JavaScript to display documents.

Cursos TUUT (Programação para designers (Front-end posters (Aulas (Aula 1,…

- - - - https://www.codecademy.com/learn/learn-html-css
      - Surra de best practices de HTML e CSS em 2017
      - Posters no GitHub
    - - Aula 1
        
        Intro to box model
      - Aula 2
      - Aula 3
      - Aula 4
        
        Bleeding edge: display grid
    - - Designers com alguma experiência em web
  - - - https://medium.freecodecamp.com/how-hating-code-made-me-a-better-designer-a372f0a91c68?gi=c1391eadc755
      - In the past, upon starting a design project, I felt overwhelmed by the ambiguity of what I was designing. Coding taught me to break up every problem into small micro-bites that are executable as individual functions.
      - Coding can be infuriating. Until you get over the hump. Then it’s empowering.
      - Have fun being bad when you start learning. You have to get into the mentality of play and making mistakes—especially when you can’t quite understand something
      - Programming teaches you the fundamentals of how to think. And for everything else, there’s Google.
      - Learn by doing
      - Livro de tipografia: Técnica de preparação de originais e revisão de provas tipográficas
      - Infra
        
        Discord
        
        GitHub
    - - Aula 1
        
        Quem tem medo do código malvadão?
        
        Definição de código
        
        You speak a human language, and the computer speaks a machine language. Even if you don’t think about JavaScript or other high-level programming languages as human languages, they really are. They’ve been designed for human cognition, not for machine cognition
        
        Goal: you want to tell the computer what to do.
        Problem: you and the computer speak different languages
        
        Se você já sabe inglês é metade do caminho
        
        Yeah but why should I care?
        
        Projetos criatívos fodas de design+code
        
        Se é pra começar might as well começar de um lugar familiar #
        
        Slides barrage de surras tecnológicas desde a prensa de guttemberg
        
        Você pode literalmente virar um unicórnio
        
        Precisamos de mais designers que saibam código
        
        Misconception de que a web é só pra sites, se for assim print deveria ser só pra folder. Tem muito espaço pra ser criativo ainda.
        
        Empowerment to implement your own interactions.
        Understanding opens up new design possibilities.
        Vocabulary with which to join the conversation
        Respect gained from all of the above.
        
        Apresentar a proposta
        
        The first 20 hours / 16 + 4
        
        Learn by deliberate practice
        
        Mostrar exemplo do livro
        
        For everything else, MDN
        
        Primeiro exercício: replicar o exemplo do livro de tipografia
        
        Criação de conta no CodePen
        
        Exemplos no CodePen
        
        Ter todos os exemplos prontos
        
        Começar tudo direto no style=""
        
        Introdução rápida a história do HTML e como funciona
        
        Paralelo com o processo criativo, ninguém chega com o projeto pronto e entendendo tudo
        
        Objetivo: desmistificar programação e buscar fazer o aluno se interessar verdadeiramente pelo assunto
      - Aula 2
        
        Desconstruindo para construir, a estrutura por trás dos building blocks de html
        
        Analisar exemplos do CodePen
        
        Exemplo tipográfico ON STEROIDS
        
        Exibir um exemplo hehehe
        
        Midia
        
        Media queries
        
        Mobile first
        
        Classes
        
        Mas programação sozinha não é nada
        
        Wireframe
        
        UX
        
        Dispositivos variados
        
        Design responsivo #
        
        User first
        
        Eu ja te falei que você pode virar um unicórnio?
        
        Objetivo: mostrar como chegar no patamar atual de front-end e deixar claro que pesquisando você chega longe
      - Aula 4
        
        WTFGIT
        
        GitHub Pages pra deploy né pf
        
        Streetcred
        
        Quem aí já ouviu falar em GitHub?
        
        Não precisa entender tuuuudo agora
        
        E se você tiver um domínio melhor ainda
      - Aula 3
        
        You never expect your portfolio
    - - Designers com pouca ou nenhuma experiência em código
      - Alunos de graduação em design buscando formação que o currículo tradicional não oferece
      - Ajuda bastante saber inglês