Eu me senti sem inspiração por um feitiço em 2019 e decidi me inscrever em um curso de desenvolvimento comunitário de nível inicial sobre desenvolvimento da Web como uma maneira de “apimentar” as coisas, como voltar para frente para avançar. Eu não tinha interesse em ser um cachorro velho aprendendo novos truques; O que eu queria era olhar para o desenvolvimento do front-end através dos olhos de um iniciante em 2019, depois de ter sido iniciante em 2003.
Avanço rápido de cinco anos, e agora estou dando essa aula para a mesma faculdade, assim como outros três. O que ganhei reprisando meu status de aluno é uma obsessão por “a-ha!” momentos. É a aparência aos olhos de um aluno quando algo “cliques” e novos conhecimentos são desenvolvidos. Com a barreira para aprender o desenvolvimento da web aparentemente aumentando o tempo todoaqui estou eu, me divertindo com o básico. (Esse post vinculado ao blog de Rachel é o que me levou a voltar para a escola.)
Com vários anos de ensino, tenho muitas opiniões sobre o cenário de aprendizado para o desenvolvimento da web. Mas o que estou mais interessado continua a ser vicária vivendo através dos olhos dos meus alunos de nível básico e as faíscas consistentes de conhecimento que eles fazem.
As perguntas geralmente são o precursor de um “a-ha!” momento. E meus alunos fazem algumas perguntas bastante interessantes a cada período, sem falhas, perguntas que me forçaram a reconsiderar não apenas como eu abordo o currículo e a instrução, mas também como as outras pessoas pensam sobre o Web ™ como um todo.
Fiz uma prática de coletar punhados de perguntas e comentários dos alunos. Dessa forma, posso refletir sobre como posso responder ou respondê -los para futuros alunos e fazer referência a eles enquanto escrevo e atualizo meus planos de aula. Eu pensei em compartilhar alguns deles porque, espero, isso lhe dará uma idéia do que aqueles que estão entrando em campo estão curiosos. Eu acho que você descobrirá que, como muitos de nós debatem e descrevem o valor das estruturas JavaScript, os principais vitais da Web, a IA e se o TypeScript é um mal necessário, As pessoas que se abrigam para o desenvolvimento da web estão fazendo as perguntas mais interessantes do campo e estão fazendo bem conexões diferentes do que aqueles de nós que passamos para sempre no front -end.
Estes são retirados diretamente dos alunos no período atual da primavera. Estamos apenas três semanas no semestre, mas confira que tipo de coisas já estão girando em torno de suas mentes enquanto discutimos os modos de semântica, acessibilidade e escrita.
“I really never thought of this; however, code could be inclusive, and how coding could express empathy. While reading this portion of the context, I was thinking about my Kindle and how the Kindle can have audio, change my font style, larger/smaller font, and lighting. All of this helps me to read and navigate my books better depending on my surroundings and how much accessibility I will need. For example, when I am driving, I love my audiobooks, and at night, Eu uso minha configuração fraca e altero o tamanho da fonte porque é o fim do dia, e meus olhos não querem fazer muito trabalho lendo texto menor.
“Se estivermos confusos sobre a nossa codificação e isso não faz sentido para nós, ele definitivamente confundirá os leitores, que é o oposto de nosso objetivo final, acessibilidade. Também há momentos em que queremos usar
where we could useou
ou qualquer um dos outros elementos importantes. É essencial entender completamente os elementos e seus usos para escrever o código mais limpo. ”
“O combate às propriedades lógicas do CSS nesta semana parecia um ato de malabarismo, tentando manter todos esses novos conceitos no ar. Trocar à esquerda e à direita para o iniciação embutida e o by-end é um pouco confuso, mas é legal ver como isso torna os sites mais acolhedores para diferentes idiomas.”
“Quais são as implicações legais da responsabilidade do site? Eu não conseguia imaginar o tamanho de um processo de ação coletiva com o qual o Facebook seria atingido se um desenvolvedor desonesto decidisse fixar um GIF de uma luz estroboscópica no topo dos feeds de notícias do mundo.
“Às vezes, eu me pergunto como fazer com que todas essas coisas novas funcionem em navegadores antigos que podem não conseguir o que estou tentando fazer. Também fico preso quando minha página parece ótima em um idioma, mas quebra em outro. Qual é a melhor maneira de verificar meu trabalho em diferentes idiomas ou modos de escrever?”
"Uma das grandes coisas que realmente me deixou feliz foi aprender a fazer conteúdo no Flexbox do mesmo tamanho usando o Flex ou Flex-Basis. Isso foi realmente uma grande coisa para mim no semestre passado, quando estava trabalhando no meu projeto final. Passei muito tempo tentando descobrir como tornar o conteúdo no Webflow em tamanho."
“Hearing the terms “Writing Modes” and “Logical Properties” in CSS was a bit of a concern at the beginning of this week. A lot of CSS I remember was beginning to come back, but these two were new. After going over the course modules, my concern lifted a lot, mainly because Writing Modes were the layout of text in a certain element. As simple as I thought it was, it was also very important considering how writing modes change in different countries. Learning how these writing modes change O fluxo de texto mostrou quanto mais inclusão você poderia trazer para um site, permitindo que diferentes idiomas fossem filtrados. ”
“Although in the previous course, we learned how flexbox and grid can be used to style interesting content on sites, we didn't study how they were made with CSS. It was surprisingly simple to grasp the basic concepts of setting up a flexbox or grid and how their children can be positioned on a main axis and cross axis. I especially enjoyed setting up grids, as both methods are intuitive, and the concept of selecting the grid lines that an element sits in reminds me of how Algumas linguagens de programação implementam matrizes e intervalos.
-1
Assim como a coluna da grade:1
/-1
; A propriedade pode especificar que um elemento se estende até o final de uma linha. ”"As propriedades lógicas foram intimidadoras no início, mas estava apenas mudando o código para fazer sentido de certa forma. Depois de aprender o CSS - há um tempo atrás - as propriedades lógicas pareciam mais modernas e acho que me adaptei rapidamente a ele".
“Mas como um todo, eu pude ver a construção de sites como uma coisa muito fácil de automatizar, especialmente hoje em dia. Talvez seja por isso que os construtores de sites não ficam super específicos com sua semântica - geralmente acho
,
, and
, while the rest is filled with
. Especially when it comes to companies that push a lot of articles or pages out onto the internet, I can see how they would not care much for being all-inclusive, as it matters more that they get the content out quickly.”“I did not think I would enjoy coding, but so far, I like this class, and I’m learning so much. I liked getting into CSS a little and making things more customizable. I found it interesting that two elements make your content look the same but have different meanings.”
I want to end things with a few choice quotes from students who completed my course in the last term. I share them not as ego boosters but as a reminder that simplicity is still alive, well, and good on the web. While many new developers feel pressured to earn their “full stack” merit badge, the best way to learn the web — and make people excited about it — is still the simple “a-ha!” moment that happens when someone combines HTML with CSS for the first time in a static file.
“I can confidently say that among all the courses I’ve taken, this is the first one where I thoroughly read all the content and watched all the videos in detail because it is so well-structured. Despite the complexity of the subject, you made this course seem surprisingly easy to grasp.”
“Man, I’ve learned so much in this class this semester, and it’s finally over. This final project has given me more confidence and ability to troubleshoot and achieve my vision.”
“Even though I did not pass, I still truly did enjoy your class. It made me feel smart because coding had felt like an impossible task before.”
“I especially appreciate Geoff’s enthusiasm for multiple reasons. I am hoping to change careers, and the classes are helping me get closer to that reality.”
These are new people entering the field for the first time who are armed with a solid understanding of the basics and a level of curiosity and excitement that easily could clear the height of Mount Elbert.
Isn’t that what we want? What would the web look like if we treat the next wave of web developers like first-class citizens by lowering the barriers to entry and rolling out the red carpet for them to crack into a career in front-end? The web is still a big place, and there is room for everyone to find their own groove. Some things tend to flourish when we democratize them, and many of us experienced that first-hand when we first sat down and wrote HTML for the very first time without the benefit of organized courses, bootcamps, YouTube channels, or frameworks to lean on. The same magic that sparked us is still there to spark others after all this time, even if we fail to see it.
(yk)