N° DA OBJETO DE OBJETIVO DE HABILIDADE COMPETENCIA CONTEÚDO AREA COMPONENTE VÍDEOAULA SLIDES EXERCÍCIOS AULA CONHECIMENTO APRENDIZAGEM DA ÁREA DA ÁREA https://docs.goo gle.com/present Definir e ajustar as bordas dos ation/d/1EpcqB https://drive.goo elementos. https://drive.google. csQcxcwjUfo78I gle.com/file/d/1 com/file/d/1eprmrB enH- Lidando com PENSAMENTO Conhecer os diferentes tipos de DRQXaEV2YdA 21 uanV_Rr__lP4hLop 5iz1aPrd8/edit? bordas COMPUTACIONAL bordas. C3OdtuY5z7KM 3wlAP7e4dd/view? usp=sharing&ou Modificar o estilo para a borda ce0DvOxy1/vie usp=sharing id=1053070688 arredondada. w?usp=sharing 84729209137&r tpof=true&sd=tr ue https://drive.google. https://docs.goo https://drive.goo com/file/d/1S_Gxl1 gle.com/present gle.com/file/d/1 Conhecer as pseudo-classes VAuxZ5t8wWv_A2 ation/d/19XQ3w L7lCoJkEx0hhp do CSS (hover e active). UgypioIazbDL/view 4LY70dBFqjQa V5DCj66oRmW Mudar a cor de um elemento ?usp=sharing 1jHdzBqDdIHX PEFJong_/view Pseudo-classes PENSAMENTO quando passamos o cursor S91/edit?usp=s ?usp=sharing 22 no CSS COMPUTACIONAL por cima. haring&ouid=10 Mudar a cor da borda de um 5307068884729 elemento, quando ativado 209137&rtpof=tr pelo usuário. ue&sd=true
com/file/d/1Fd5CTI gle.com/present gle.com/file/d/1 dzPHbXOw7b6KjG ation/d/1- d7NJ8yy3fu1m c8dm7U2ODtQl/vie Lbe0vI3t7yvKlrl Ngsp- w?usp=sharing uJj_-1H1aO- p5BdgaXdATG ZL3nT/edit?usp bC2v/view?usp Utilizar a tag footer para criar =sharing&ouid= =sharing Finalizando a o rodapé da página da web. PENSAMENTO 1053070688847 23 página de Adicionar uma imagem de COMPUTACIONAL 29209137&rtpof produtos fundo no CSS. =true&sd=true Conhecer a tabela Unicode. https://drive.google. https://docs.goo https://drive.goo com/file/d/1IXC7sM gle.com/present gle.com/file/d/1 Conhecer algumas 6qhJdOK7dnP7aQ ation/d/11DldrV PIgwwRSSGlyk possibilidades de atuação qAGn7UHj725b/vie DWGZDDpjD9E 83f2_mQbT- profissional na área de w?usp=sharing Tly- pgq- Mercado de Computação. FrNqOV7aycj/e QhmZAZ/view? trabalho e PENSAMENTO Entender os passos para dit?usp=sharing usp=sharing 24 profissões da COMPUTACIONAL tornar-se uma pessoa &ouid=1053070 Computação profissional da computação. 6888472920913 Compreender o que faz uma 7&rtpof=true&sd pessoa desenvolvedora em =true front-end e back-end.
com/file/d/1ast65vX gle.com/present gle.com/file/d/1 Como mudar um hábito. zXwcRs_5msg_xjq ation/d/14reZjM 2IA6laR3ForpE De que modo criar um novo gqyv_yR0tI/view?u uyn3kFfhxjbdE T9dKxX1GLM6 hábito. sp=sharing RxSD3JRB1eM YJhz_7ky/view? Aprender como manter bons PENSAMENTO M0/edit?usp=sh usp=sharing 25 Hábitos-chave hábitos. COMPUTACIONAL aring&ouid=105 O que são hábitos-chave. 3070688847292 De que maneira os hábitos- 09137&rtpof=tru chave podem facilitar nossa e&sd=true vida.
com/file/d/15a1rHC gle.com/present gle.com/file/d/1 xBxoRJExpWBgLc ation/d/1M7fceF 7nGjEZQ8AY4h EcGuYV64QtOV/vi T7CSb1wtrvCB jf1zEkmUDFFL Criar uma página de Criando uma PENSAMENTO ew?usp=sharing HTtkHxZSv428 S4DMpZTm/vie 26 contatos. nova página COMPUTACIONAL Xj/edit?usp=sha w?usp=sharing Formulários no HTML/CSS. ring&ouid=1053 0706888472920 9137&rtpof=true &sd=true https://drive.google. https://docs.goo https://drive.goo Criar um formulário no HTML com/file/d/1brCSPg gle.com/present gle.com/file/d/1 com a tag form. _FJx5XX2E23LwX ation/d/1B0GA3 8oepT_PAVD66 Usar a tag input para a QEcKbPh7x07x/vie 1wFMbrulxQU JOCmXv757gY Começando um PENSAMENTO 27 entrada de dados do usuário w?usp=sharing WkRKtchqXK7 RMiFVVqPq/vie formulário COMPUTACIONAL e aprender como criar VD0R0/edit?us w?usp=sharing etiquetas com a tag label. p=sharing&ouid Estilizar o formulário. =105307068884 729209137&rtp of=true&sd=true
com/file/d/13cwMp- gle.com/present gle.com/file/d/1 A tag de conteúdo textarea. EFXwjTRSRuPBrYl ation/d/11u2AY aMCZXwUIfM0 Input do tipo radio para Wsazu0QBEZa/vie mRGLWH4tpe SjX53vFfHcr3f9 Tipos de PENSAMENTO adicionar as opções de w?usp=sharing QuFVJRKKeJL fWsyTt0/view?u 28 campos COMPUTACIONAL contato para o usuário. y2_1pm/edit?us sp=sharing diferentes Criar input e label com for, p=sharing&ouid type e id. =105307068884 729209137&rtp of=true&sd=true https://drive.google. https://docs.goo https://drive.goo com/file/d/1- gle.com/present gle.com/file/d/1 ysZQqP2G8th3NJk ation/d/10NqdT bOYi1y7z3SQL Estilizar os elementos da uah0MPPeoPPQw hqwxFP5TmYu LxFzHZhEjQsvJ Tipos de página da web. PENSAMENTO 0D8/view?usp=shar uQZh6_Zssxux P52bqMj/view? 29 campos Hierarquia no CSS. COMPUTACIONAL ing 1xgI/edit?usp=s usp=sharing diferentes Criação de um seletor e um haring&ouid=10 campo de seleção de itens. 5307068884729 209137&rtpof=tr ue&sd=true https://drive.google. https://docs.goo https://drive.goo Tipos de inputs para celular. com/file/d/16MfnTd gle.com/present gle.com/file/d/1r Tornar um campo requerido, HwuBjdURDdZrTa ation/d/1VcHTz jt7_Ze16nSlu86 exibir sugestões de pL6614ycMJV4/vie EP83I1BdMLU4 W7_K- preenchimento, deixar uma w?usp=sharing r9FLTf7SaKN5p U5mGtgwOrljx/ Melhorando a PENSAMENTO Uj/edit?usp=sha view?usp=shari 30 opção marcada por padrão semântica COMPUTACIONAL ring&ouid=1053 ng com o atributo checked. Como estruturar melhor o 0706888472920 código usando fieldset e 9137&rtpof=true legend. &sd=true https://drive.google. https://docs.goo https://drive.goo com/file/d/1EUcz3F gle.com/present gle.com/file/d/1- Estilizar o botão de Enviar mEiD31Yw0WRclR ation/d/1XE5I5- zKcVTqmjZ4oiC Formulário. mbKPO0kDECkX/v bq3CLGqTa5kh hKgbofGDHUM Realizar transições do iew?usp=sharing Tr- oA3gedf/view?u PENSAMENTO 31 CSS avançado elemento com a propriedade bhWAF9LDvNt/ sp=sharing COMPUTACIONAL transition. edit?usp=sharin Aplicar as propriedades g&ouid=105307 cursor e transform. 0688847292091 37&rtpof=true&s d=true https://drive.google. https://docs.goo https://drive.goo com/file/d/1ClYGHj gle.com/present gle.com/file/d/1 kTI9Jl5e9j5jHK- ation/d/1LfMeK WqeNNWAigab Criar uma tabela no HTML. 5p6JTuThAWv/vie BfQFfmUYes0 B-hN8dGz- Estrutura de PENSAMENTO As tags presentes na w?usp=sharing WWiKvSFmo1t 6RSf6qxbeTTr/ 32 tabelas COMPUTACIONAL construção de uma tabela. P37Gn/edit?usp view?usp=shari Como estilizar uma tabela. =sharing&ouid= ng 1053070688847 29209137&rtpof =true&sd=true https://drive.google. https://docs.goo https://drive.goo com/file/d/1y1rQq5 gle.com/present gle.com/file/d/1v WLvdGzetD- ation/d/1ry3JqN rp6mQoftCanxjk Conhecer como é o cotidiano kMr12eIt7foqS7p2/ Iexu0oEF- ptF6pdjLzdl8zSt Dia a dia do de trabalho do profissional PENSAMENTO view?usp=sharing GL4ZAHy0wgTj pW/view?usp=s 33 profissional da da computação. COMPUTACIONAL PG4sn/edit?usp haring computação Aprender algumas opções de =sharing&ouid= carreira. 1053070688847 29209137&rtpof =true&sd=true https://drive.google. https://docs.goo https://drive.goo com/file/d/1GsjRpw gle.com/present gle.com/file/d/1 O que é a procrastinação e vqQUlFkZ4b6I2fOD ation/d/1al9jyTk Ecv24OFXzE1x como ela pode prejudicar na aTB8SgnYl0/view? 0HmekbpvwN- aKsYopqTjfTPC hora de finalizar tarefas. Dê adeus aos usp=sharing HFKI0OM_l1PP cAkEcbZ/view? PENSAMENTO Planejar e organizar as 34 velhos hábitos - Vs/edit?usp=sh usp=sharing COMPUTACIONAL tarefas do dia. Parte 1 aring&ouid=105 Dicas de como melhorar 3070688847292 alguns hábitos para evitar a 09137&rtpof=tru procrastinação. e&sd=true https://drive.google. https://docs.goo https://drive.goo com/file/d/1OEuRu gle.com/present gle.com/file/d/1 Melhorar a organização das sORPN6SNUNhZR ation/d/1sfUpj4t Vdlkm9l9GRhiot tarefas do dia. 4Qila_piHRrmpn/vi bfMI8OpigwIxa_ 2Ua6sDJYV3ZF Dê adeus aos PENSAMENTO Entender o que é sistema de ew?usp=sharing a7o4gGvZV2X/ IRXJr1/view?us 35 velhos hábitos - COMPUTACIONAL recompensas. edit?usp=sharin p=sharing Parte 2 Conhecer estratégias para g&ouid=105307 combater a procrastinação. 0688847292091 37&rtpof=true&s d=true https://drive.google. https://docs.goo https://drive.goo com/file/d/17nPyLD gle.com/present gle.com/file/d/1y 9cxkq1QQ7ismBpw ation/d/13XdC8 pkxT0eKJcaBTf Ehqle_Ohe55/view wFY9qRuXZQc T0e1AST2p6j2L Ajustar a página principal. ?usp=sharing 30WBMxdw- 5u_gs/view?usp Adaptando a PENSAMENTO Medidas proporcionais com 36 xwjClTS/edit?us =sharing página inicial I COMPUTACIONAL CSS. p=sharing&ouid Boas práticas em CSS. =105307068884 729209137&rtp of=true&sd=true
com/file/d/1ti_DHA gle.com/present gle.com/file/d/1 n5qEWLnAeIniirtsL ation/d/1- dB8DwxcicIe- Como funciona a “flutuação” Q- YwpMT_vXuIyH jVpVxr3tAAQV dos elementos e como jvF5s3x/view?usp= ZFNqK_F- OM_Sxjdr/view Adaptando a PENSAMENTO modificá-la com a sharing VSmxrRyWOrf/ ?usp=sharing 37 página inicial II COMPUTACIONAL propriedade float do CSS. edit?usp=sharin Como limpar o “float” com a g&ouid=105307 propriedade clear do CSS. 0688847292091 37&rtpof=true&s d=true https://drive.google. https://docs.goo https://drive.goo com/file/d/1Uk9y9P gle.com/present gle.com/file/d/1z AWzvKrsi9ClrNr1G ation/d/1I8kKEX k0xIXVVSn8yG Utilizar fontes externas nas VjrOGd- BRAGo9783gK- sjB5IfH9iR2083 páginas do site. 4nt/view?usp=shari HC6IaLqNA6wl EIGfD/view?usp Conteúdo PENSAMENTO Inserir um mapa no site da ng D_/edit?usp=sh =sharing 38 externo COMPUTACIONAL barbearia. aring&ouid=105 Incorporar um vídeo ao site 3070688847292 da barbearia. 09137&rtpof=tru e&sd=true,
Utilizar a propriedade opacity com/file/d/1QXwhy gle.com/present gle.com/file/d/1l no CSS. dkclovmfaumF8FIfI ation/d/1ZvpWg m-prdjLwf8- Manipular a opacidade dos JlQ0pUIuvx/view?u aKCvPLPAa3y iZhbtpiNfCPFn elementos e das cores. sp=sharing Uj6fTSMqPAd1 QqjHwgF/view? Opacidade e PENSAMENTO Adicionar sombreamento aos B1Zy/edit?usp= usp=sharing 42 sombra COMPUTACIONAL elementos com a sharing&ouid=1 propriedade box-shadow. 0530706888472 Adicionar sombreamento em 9209137&rtpof= textos com a propriedade true&sd=true text-shadow.