{"id":1399,"date":"2022-07-22T16:05:59","date_gmt":"2022-07-22T16:05:59","guid":{"rendered":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/?page_id=1399"},"modified":"2023-03-14T14:33:15","modified_gmt":"2023-03-14T14:33:15","slug":"act-desenvolvimento-web-2-0","status":"publish","type":"page","link":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/act-desenvolvimento-web-2-0\/","title":{"rendered":"ACT &#8211; Desenvolvimento Web 2.0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1399\" class=\"elementor elementor-1399\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-153787c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"153787c9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-383ab384\" data-id=\"383ab384\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7c6ac0c3 elementor-widget elementor-widget-text-editor\" data-id=\"7c6ac0c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p>\n<p style=\"text-align: justify\"><span style=\"font-size: 14pt\">O curso foi produzido pelo grupo <strong>Nameless Group<\/strong> e tem a intens\u00e3o de ensinar sobre o desenvolvimento web com base no CSS.<\/span><\/p>\n<p>\u00a0<\/p>\n<table style=\"width: 100%;height: 251px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 82.0238%\">\n<p><span style=\"font-size: 18pt\"><strong>Aula 01 &#8211; O que \u00e9 CSS<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px\">\n<td style=\"height: 183px;width: 82.0238%\">\n<p style=\"text-align: justify\"><span style=\"font-size: 14pt\"><strong>Objetivo: <span style=\"font-weight: 400\">Nessa primeira aula, temos como objetivo introduzir aos alunos o que \u00e9 e para o que serve a linguagem de estilos CSS, al\u00e9m de introduzir tamb\u00e9m a sua sintaxe b\u00e1sica, e seus recursos os seletores e combinadores al\u00e9m de trazermos tamb\u00e9m 3 conceitos de extrema import\u00e2ncia para quem est\u00e1 come\u00e7ando na linguagem.<\/span><\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%;height: 542px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"width: 79.7619%;height: 68px\" colspan=\"2\"><span style=\"font-size: 14pt\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-size: 14pt\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Apresenta\u00e7\u00e3o<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\"><span style=\"font-size: 14pt\">20 seg<\/span><\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">14 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">3 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px\">\n<td style=\"width: 100.714%;height: 69px\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/04\/29\/desenvolvimento-web-2-0-aula-1\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p>\u00a0<\/p>\n\n<p><iframe title=\"Aula 1 - Desenvolvimento Web  2.0 - ACT Unicamp\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/naJl7d4MRgc?list=PLR_UJuPc_TI7djk7c5TOtlA9zuYNKmFID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>\u00a0<\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px\">\n<td style=\"height: 133px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>CR\u00c9DITOS:\u00a0<span style=\"font-weight: 400\">Nameless Group \/ Arthur Conti, Jo\u00e3o Pedro Coelho, Leonardo Boss, Leonardo Miranda\/ Pesquisas \/ Links de sites utilizados<\/span>\u00a0<\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<p><\/p>\n<table style=\"width: 100%;height: 251px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 82.0238%\">\n<p><span style=\"font-size: 18pt\"><strong>Aula 02 &#8211; Box Model<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px\">\n<td style=\"height: 183px;width: 82.0238%\">\n<p style=\"text-align: justify\"><span style=\"font-size: 14pt\"><strong>Objetivo:<\/strong><\/span><span style=\"font-size: 14pt\"><span style=\"font-weight: 400\">\u00a0Nessa aula temos como objetivo apresentar um conceito fundamental sobre CSS, que \u00e9 o box model al\u00e9m de algumas de suas propriedades que s\u00e3o frequentemente utilziadas no cotidiado de um desenvolvedor web, como <\/span><b>margin, padding <\/b><span style=\"font-weight: 400\">e<\/span><b> border.<\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%;height: 542px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"width: 79.7619%;height: 68px\" colspan=\"2\"><span style=\"font-size: 14pt\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-size: 14pt\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Apresenta\u00e7\u00e3o<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">20 seg<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">6 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">6 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px\">\n<td style=\"width: 100.714%;height: 69px\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/06\/desenvolvimento-web-2-0-aula-2\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p><iframe title=\"Aula 2 - Desenvolvimento Web  2.0 - ACT Unicamp\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/94952-5Tx2A?list=PLR_UJuPc_TI7djk7c5TOtlA9zuYNKmFID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>\u00a0<\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px\">\n<td style=\"height: 133px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>CR\u00c9DITOS: \u00a0<span style=\"font-weight: 400\">Nameless Group \/ Arthur Conti, Jo\u00e3o Pedro Coelho, Leonardo Boss, Leonardo Miranda\/ Pesquisas \/ Links de sites utilizados<\/span><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<p><\/p>\n<table style=\"width: 100%;height: 251px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 82.0238%\">\n<p><span style=\"font-size: 18pt\"><strong>Aula 03 &#8211; Layout<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px\">\n<td style=\"height: 183px;width: 82.0238%\">\n<p style=\"text-align: justify\"><span style=\"font-size: 14pt\"><strong>Objetivo: <span style=\"font-weight: 400;font-size: 14pt\">Nesta aula temos como objetivo passar sobre o conceito de layout, destrinchando o atributo e trabalhando com o grid-layout e flex-box, modelos de layout amplamente utilizados no mercado.<\/span><\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%;height: 542px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"width: 79.7619%;height: 68px\" colspan=\"2\"><span style=\"font-size: 14pt\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-size: 14pt\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Apresenta\u00e7\u00e3o<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">20 seg<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">7 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">6 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px\">\n<td style=\"width: 100.714%;height: 69px\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/13\/desenvolvimento-web-2-0-aula-3-layout\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p><iframe title=\"Aula 3 - Desenvolvimento Web  2.0 - ACT Unicamp\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/cmxYbsHFdyI?list=PLR_UJuPc_TI7djk7c5TOtlA9zuYNKmFID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>\u00a0<\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px\">\n<td style=\"height: 133px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>CR\u00c9DITOS: \u00a0<span style=\"font-weight: 400\">Nameless Group \/ Arthur Conti, Jo\u00e3o Pedro Coelho, Leonardo Boss, Leonardo Miranda\/ Pesquisas \/ Links de sites utilizados<\/span><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<p><\/p>\n<table style=\"width: 100%;height: 190px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 82.0238%\">\n<p><span style=\"font-size: 18pt\"><strong>Aula 04 &#8211; Fontes e Cores<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px\">\n<td style=\"height: 122px;width: 82.0238%\">\n<p style=\"text-align: justify\"><span style=\"font-size: 14pt\"><strong>Objetivo: <span style=\"font-weight: 400\">Nessa aula, abordamos o tema de Fontes e Cores, como podemos alterar as fontes, representar e trabalhar com cores dentro do CSS.<\/span><\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%;height: 542px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"width: 79.7619%;height: 68px\" colspan=\"2\"><span style=\"font-size: 14pt\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-size: 14pt\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Apresenta\u00e7\u00e3o<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">20 seg<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">5 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">5 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px\">\n<td style=\"width: 100.714%;height: 69px\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/22\/desenvolvimento-web-2-0-aula-4-fontes-e-cores\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p>\u00a0<\/p>\n<p><span style=\"font-family: inherit;font-size: 0.9rem\">\u00a0<\/span><\/p>\n<p><iframe title=\"Aula 4 - Desenvolvimento Web  2.0 - ACT Unicamp\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/pfhP09pZAis?list=PLR_UJuPc_TI7djk7c5TOtlA9zuYNKmFID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"font-family: inherit;font-size: 0.9rem\">\u00a0<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px\">\n<td style=\"height: 133px;width: 100.714%\" colspan=\"3\">\n<p><b style=\"font-size: 14pt;font-family: inherit\">CR\u00c9DITOS: \u00a0<span style=\"font-weight: 400\">Nameless Group \/ Arthur Conti, Jo\u00e3o Pedro Coelho, Leonardo Boss, Leonardo Miranda\/ Pesquisas \/ Links de sites utilizados<\/span><\/b><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<p><\/p>\n<table style=\"width: 100%;height: 195px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 82.0238%\">\n<p><span style=\"font-size: 18pt\"><strong>Aula 05 &#8211; Listas e Tabelas<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px\">\n<td style=\"height: 127px;width: 82.0238%\">\n<p style=\"text-align: justify\"><span style=\"font-size: 14pt\"><strong>Objetivo: <span style=\"font-weight: 400\">Nesta aula, apresentamos como trabalhar com listas ordenadas e n\u00e3o ordenadas, al\u00e9m de como trabalhar com tabelas e suas propriedades como alinhamento largura, altura e borda.<\/span><\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%;height: 542px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"width: 79.7619%;height: 68px\" colspan=\"2\"><span style=\"font-size: 14pt\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-size: 14pt\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Orienta\u00e7\u00f5es iniciais<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">20 seg<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">7 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">9 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px\">\n<td style=\"width: 100.714%;height: 69px\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/30\/desenvolvimento-web-2-0-aula-5-listas-e-tabelas\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p><iframe title=\"Aula 5 - Desenvolvimento Web  2.0 - ACT Unicamp\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/BP-jnEjLfTk?list=PLR_UJuPc_TI7djk7c5TOtlA9zuYNKmFID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>\u00a0<\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px\">\n<td style=\"height: 133px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>CR\u00c9DITOS: \u00a0<span style=\"font-weight: 400\">Nameless Group \/ Arthur Conti, Jo\u00e3o Pedro Coelho, Leonardo Boss, Leonardo Miranda\/ Pesquisas \/ Links de sites utilizados<\/span><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<p><\/p>\n<table style=\"width: 100%;height: 251px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 82.0238%\">\n<p><span style=\"font-size: 18pt\"><strong>Aula 06 &#8211; Bot\u00f5es, Links e Barra de Navega\u00e7\u00e3o<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px\">\n<td style=\"height: 183px;width: 82.0238%\">\n<p><span style=\"font-size: 14pt\"><strong>Objetivo: <\/strong><\/span><span style=\"font-weight: 400;font-size: 14pt\">Nessa aula temos como objetivo ensinar como trabalhar com bot\u00f5es, sem entrar na parte de funcionalidade, e sim sua estiliza\u00e7\u00e3o, links com suas propriedades e como podemos criar uma barra de navega\u00e7\u00e3o a partir desses recursos previamente citados.<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%;height: 483px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"width: 79.7619%;height: 68px\" colspan=\"2\"><span style=\"font-size: 14pt\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-size: 14pt\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Orienta\u00e7\u00f5es iniciais<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">20 seg<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">7 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">7 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px\">\n<td style=\"width: 100.714%;height: 10px\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/06\/04\/desenvolvimento-web-2-0-aula-5-botoes-links-e-barras-de-navegacao\/\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p><iframe title=\"Aula 6 - Desenvolvimento Web  2.0 - ACT Unicamp\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/kORgAcJjMuw?list=PLR_UJuPc_TI7djk7c5TOtlA9zuYNKmFID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>\u00a0<\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px\">\n<td style=\"height: 133px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>CR\u00c9DITOS: \u00a0<span style=\"font-weight: 400\">Nameless Group \/ Arthur Conti, Jo\u00e3o Pedro Coelho, Leonardo Boss, Leonardo Miranda\/ Pesquisas \/ Links de sites utilizados<\/span><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<p><\/p>\n<table style=\"width: 100%;height: 251px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 82.0238%\">\n<p><span style=\"font-size: 18pt\"><strong>Aula 07 &#8211; Imagens<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 183px\">\n<td style=\"height: 183px;width: 82.0238%\">\n<p style=\"text-align: justify\"><span style=\"font-size: 14pt\"><strong>Objetivo: <\/strong><\/span><span style=\"font-weight: 400;font-size: 14pt\">Nesta aula, temos como objetivo ensinar sobre a estiliza\u00e7\u00e3o de imagens, olhando para suas propriedades como bordas, opacidade, transforma\u00e7\u00e3o (rota\u00e7\u00e3o de imagem).<\/span><\/p>\n<p style=\"text-align: justify\"><span style=\"font-weight: 400;font-size: 14pt\">Tamb\u00e9m como utilizar imagens em listas e links al\u00e9m configurar uma imagem para ser responsiva.<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 100%;height: 542px\">\n<tbody>\n<tr style=\"height: 68px\">\n<td style=\"width: 79.7619%;height: 68px\" colspan=\"2\"><span style=\"font-size: 14pt\"><strong>Atividade<\/strong><\/span><\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-size: 14pt\"><strong>Tempo estimado<\/strong><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">1<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Orienta\u00e7\u00f5es iniciais<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">20 seg<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">2<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula expositiva<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">4 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"width: 4.40476%;height: 68px\">\n<p><span style=\"font-weight: 400\">3<\/span><\/p>\n<\/td>\n<td style=\"width: 75.3571%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">Aula pr\u00e1tica<\/span><\/p>\n<\/td>\n<td style=\"width: 20.9524%;height: 68px\">\n<p><span style=\"font-weight: 400;font-size: 14pt\">5 min<\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 69px\">\n<td style=\"width: 100.714%;height: 69px\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b><strong>Acesse o post completo da aula\u00a0<a href=\"https:\/\/liag.ft.unicamp.br\/act\/2022\/06\/11\/desenvolvimento-web-aula-7-imagens\/\" target=\"_blank\" rel=\"noopener\">aqui<\/a><\/strong><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 68px\">\n<td style=\"height: 68px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>Link do v\u00eddeo do Youtube do canal ACT UNICAMP:<\/b><\/span><\/p>\n<p><iframe title=\"Aula 7 - Desenvolvimento Web  2.0 - ACT Unicamp\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/83XapqDUd88?list=PLR_UJuPc_TI7djk7c5TOtlA9zuYNKmFID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 133px\">\n<td style=\"height: 133px;width: 100.714%\" colspan=\"3\">\n<p><span style=\"font-size: 14pt\"><b>CR\u00c9DITOS: \u00a0<span style=\"font-weight: 400\">Nameless Group \/ Arthur Conti, Jo\u00e3o Pedro Coelho, Leonardo Boss, Leonardo Miranda\/ Pesquisas \/ Links de sites utilizados<\/span><\/b><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/p>\n<p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>O curso foi produzido pelo grupo Nameless Group e tem a intens\u00e3o de ensinar sobre o desenvolvimento web com base no CSS. \u00a0 Aula 01 &#8211; O que \u00e9 CSS Objetivo: Nessa primeira aula, temos como objetivo introduzir aos alunos o que \u00e9 e para o que serve a linguagem de estilos CSS, al\u00e9m de [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1399","page","type-page","status-publish","hentry"],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":40,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1399\/revisions"}],"predecessor-version":[{"id":1777,"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/pages\/1399\/revisions\/1777"}],"wp:attachment":[{"href":"https:\/\/liag.ft.unicamp.br\/computacaocriativa\/wp-json\/wp\/v2\/media?parent=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}