Alpha Edtech - Social Code Academy

O Projeto Alpha EdTech busca formar jovens em tecnologia, independente de gênero, raça, orientação sexual ou etnia, eventualmente em situação de vulnerabilidade, proporcionando acesso a oportunidades de mobilidade social efetiva, por meio de uma educação alinhada às necessidades dos profissionais de TI nas empresas.

O objetivo geral é gerar mobilidade social, proporcionando oportunidades de formação a jovens talentos (em situação vulnerável) interessados nesta área de relevância profissional, especificamente as tecnologias de informação.

Nos últimos meses, os alunos realizaram atividades com conteúdos específicos para aplicar conhecimentos e tiveram contato com profissionais que já atuam no mercado de programação. Nesta interação com colaboradores de empresas do setor, são propostas algumas atividades e exercícios utilizando linguagens de programação específicas aprendidas durante as aulas. Articulando os temas abordados nos encontros, os alunos desenvolveram as seguintes atividades com linguagens de programação específicas:

1) Faixa: HTML

• Conteúdo:
Tags e seus atributos - Formulário: Select, Button, Textarea - Parte 2 (interação do usuário).

• Introdução:
Durante este módulo, será apresentada uma linguagem de marcação conhecida como HTML (HyperText Markup Language).

Nesses encontros foi discutida a criação de formulários para interação com o usuário através do uso de tags select, button e textarea.

• Objetivo:
Nessas aulas, foram utilizados conhecimentos de HTML para criar um formulário que se comunique de forma eficaz com o usuário sobre seus campos.

2) Rastrear: CSS

• Conteúdo:
Introdução ao CSS - As diferentes formas de estilizar seu HTML.

• Introdução:
Durante este módulo, será apresentada uma linguagem de estilo conhecida como CSS (Cascading Style Sheets).

Nesses encontros foram discutidas as diferentes formas de incluir o uso dessa linguagem ao lado do HTML e a diferença entre elas.

• Goal:
In these classes, initial contact with using CSS to modify colors, positions and backgrounds of elements in our HTML was explored, understanding the order of priority between their different ways of being included and the basic syntax to implement it.

3) Track: CSS

• Content:
CSS Selectors: Part 1 - The importance of the "Class" and "ID" attributes.

• Introduction:
During this module, this style language known as CSS (Cascading Style Sheets) was continued.

At this meeting, CSS selectors were seen, which are essential for selectively applying styles to elements on a web page. CSS selectors allow you to target elements based on their attributes, classes, IDs or position in the document structure, enabling the creation of specific styles for each element or group of elements.

• Goal:
During the meeting, examples of CSS selectors were explored and we learned how to use them to select elements and apply styles in our web projects.

4) Track: CSS

• Content:
Box Model: Part 1 - How to manipulate the flow of element placement on the page.

• Introduction:
During this module, the style language known as CSS (Cascading Style Sheets) was continued.

In these meetings, the Box Model was explored, which is a fundamental CSS concept for manipulating the flow of elements on the page.

• Goal:
During this meeting, students learned how to use the Box Model properties to create pleasant, readable and flexible layouts, ensuring a better user experience on our page, as well as leaving its structure well organized.

Expected results of the proposed activities:

Recreate, in HTML and CSS, the Wix.com page template informed in the [CHALLENGE] exercise.

Explanation of Content:

The Box Model defines how each element is rendered in relation to its content, padding, borders, and margins. Understanding the Box Model is essential for controlling the size, spacing and position of elements on a web page.

Através das propriedades do Box Model podemos: ajustar o tamanho do elemento, adicionar margens para criar espaçamento entre os elementos, aplicar bordas para enfatizar ou separar elementos e muito mais.

Além disso, o Box Model permite a manipulação do fluxo de layout dos elementos, determinando se eles serão posicionados em linha, em bloco ou de outras formas específicas.