Tecnologias web para designers - pagamento de dívidas

Eu tenho um dever para com a Habr. Há dois anos, escrevi o artigo “ Tecnologias da Web para designers - por que e como ” e não lancei a continuação do artigo.

E, finalmente, posso devolver parte dessa dívida. Durante todo o mês de novembro, todas as manhãs e fins de semana, gravei vídeos de treinamento sobre JS para designers. Durante o projeto, ele experimentou diferentes formatos, equipamentos e pós-processamento. Neste post, resumirei o mês de trabalho no curso e falarei sobre o que eu aprendi enquanto o escrevia.

O curso enfrentou duas tarefas:

1. ajudar os designers a ver como o conhecimento da tecnologia pode ser útil no trabalho diário;
2. para os designers que desejam estudar tecnologia, forneça um local fácil para começar.

Para resolver o primeiro problema, gravei vários vídeos curtos projetados para ajudar os designers a ver novas abordagens para o trabalho:

1. Rotina de esboço de combate com Kraft e JSON
2. Como obter dados de um site, transformá-los em JSON e alimentar o Sketch
3. Uma maneira fácil de criar um protótipo de uma nova versão de um produto com o Stylish
4. Como criar uma extensão do navegador

As pessoas assistiram e gostaram desses vídeos. Tudo parecia para que você possa começar a desmontar o tópico com mais detalhes. Portanto, criei um exemplo com modelagem de dados e gravei um vídeo introdutório sobre o assunto, " Lição No. 1: Por que os designers não podem aprender tecnologias da Web ". Eles assistiram o vídeo 1296 vezes, 83 vezes gostaram e não gostaram 7 vezes.

Queria que o exemplo parecesse real. Mas para a maioria dos espectadores, ele parecia muito complicado. Para explicar os princípios de sua operação, registrei um exemplo simplificado: “Um exemplo simplificado de modelo de dados ”.

Além disso, o plano era o seguinte: desmontar, com base neste exemplo, tópicos diferentes sobre JS, para que a cada lição o exemplo se torne mais compreensível. E então, quando as pessoas entenderem o básico - reescreva o exemplo do JS puro para o React e inicie o curso.

E comecei a gravar os primeiros vídeos:

1. Sintaxe JS
2. Variáveis
3. Funções
4. Os objetos
5. Matrizes
6. Json

Os vídeos eram longos, de 15 a 20 minutos cada, e poucos os assistiam até o fim. Portanto, comecei a dividir tópicos em tópicos menores. Por exemplo, a análise de instruções condicionais ficou assim:

1. Operadores condicionais: noções básicas
2. Valores booleanos e operadores de comparação
3. Fundição booleana
4. Operações lógicas
5. Operador ternário
6. Atribuição Condicional
7. Análise da lição de casa

Gravei o mesmo conjunto de vídeos sobre os conceitos básicos de trabalho com o DOM:

1. DOM: noções básicas
2. Procure nós em uma página
3. Lendo as propriedades do site e seu conteúdo
4. Edição de nós
5. Árvore transversal do nó
6. Análise da lição de casa

Apesar do vídeo ficar mais curto e mais leve, o número de visualizações caiu. Os vídeos ainda são muito complexos para assistir entre os casos. E para as pessoas que estão prontas para dedicar tempo à exibição, é mais fácil assistir a um vídeo como um todo do que a um conjunto de vídeos curtos. Além disso, os vídeos ficaram mais chatos.

O que fazer a seguir com o curso ainda não está totalmente claro. Por um lado, dezenas de pontos de vista indicam que o interesse pelo tópico está diminuindo. Por outro lado, não estou satisfeito com a qualidade dos materiais obtidos e com a quantidade de tempo necessária para criá-los.

De qualquer forma, criar um curso foi uma experiência interessante para mim, que me ensinou várias coisas:

1. Encontrou uma sandbox legal para trabalhar com o código: codesandbox.io . Nele, você pode criar não apenas partes individuais como no codepen.io , mas também projetos inteiros com uma estrutura de arquivos.
2. Aprendi a trabalhar com o ScreenFlow , que se mostrou muito conveniente para editar screencasts.
3. A gravação de som em um ambiente doméstico é melhor em loop do que em um microfone grande. Obter qualidade razoável é muito mais fácil, pois você não precisa lidar com ecos das paredes.
4. Você pode gravar um vídeo no telefone, mas precisa de um pouco de habilidade. Por exemplo, nos vídeos mais recentes, tenho uma qualidade de gravação muito ruim e a imagem está sempre saltando. Parece que este é algum tipo de recurso de estabilização de vídeo na Nota 9.
5. Você deve comprar imediatamente a luz. Duas caixas de software com AliExpress custam 3.000 rublos e a qualidade do vídeo se tornou notavelmente melhor.
6. Aprendi que toda a minha vida chamei incorretamente o operador "ternan" de "trinar".
7. Antes de gravar um vídeo, é melhor verificar a pronúncia de todas as palavras estrangeiras, caso contrário, será uma pena. :)

Obrigado por ler até o fim. Se você tiver alguma idéia de como melhorar este curso, ficarei feliz em fazer comentários. O curso foi desenvolvido para popularizar a tecnologia com designers, não com desenvolvedores. Portanto, omito problemas de desempenho e, às vezes, intencionalmente "ensino mal", pois desempenho e limpeza raramente desempenham um papel importante nos protótipos.


PS: Responderei aos comentários com atualizações de postagem para que os novos leitores não precisem fazer as mesmas perguntas.

PPS: Se você estiver interessado em seguir o curso, ou seja, o canal de telegrama detepr . Para entupir Habr com artigos sobre o básico do desenvolvimento - a mão não se levanta. Então, escreverei o próximo artigo sobre o curso em cerca de meio ano.