Microsoft lança jogo para web que ensina programação

A Microsoft, por meio de sua divisão de pesquisas, lançou nesta quinta-feira, 15 um jogo para navegadores que tem o objetivo de ensinar programação. A premissa do game, chamado Code Hunt, é bastante simples, e requer que o jogador escreva os códigos necessários corretamente para avançar no jogo.

O game introduz o jogador às linguagens Java e C#. Claro que para ser jogo, é necessário haver um propósito maior, um objetivo além de puramente aprender a programar. O tutorial diz:

“Saudações, programa! Você é um aplicativo experimental chamado de CODE HUNTER. Você, junto de outros caçadores de códigos, foi enviado em um computador ultrassecreto para descobrir, restaurar e capturar o maior número de fragmentos de código possível. Seu progresso, junto com o de seus colegas caçadores, será monitorado. Boa sorte” 

Para tentar ensinar a arte da programação, o Code Hunt usa quebra-cabeças. O jogador precisa explorá-los por meio de pistas, e entender o código necessário para “capturá-lo”. A pontuação é oferecida com base na elegância da solução encontrada. 

O game apresenta um código defeituoso e algumas orientações de qual deve ser o resultado daquele programa quando funcionando corretamente. Cabe ao jogador corrigi-lo adequadamente, usando o menor número de linhas, para aumentar a pontuação. Assim, o jogo tenta ensinar programação para solução de problemas.

Se quiser conhecer o jogo, basta clicar aqui. Ele está disponível apenas em inglês, então o conhecimento do idioma é fundamental para que ele atinja o objetivo.

Max Strzelecki: o programador e gamer que nasceu sem braços

Max Strzelecki nasceu com uma deficiência que, para muitos, pode ser a mais debilitadora possível: ele não possui braços. E enquanto você está aí, chocado com a possibilidade de tamanha limitação, Strzelecki está programando em seu computador. E não um adaptado para suas necessidades especiais, mas um PC qualquer, com mouse e teclado como os que você vê normalmente.

Ficou impressionado? Pois Max não acha nada demais. “Muita gente parece ter essa abordagem quando eles estão pensando sobre isso.”, começou ele. “‘Você é tão legal, você está fazendo isso, eu não conseguiria.’ Você não conseguiria ser capaz de fazer isso porque você não esteve praticando com seus pés por 20 anos”.

“É apenas uma situação com a qual nasci”, disse ele, explicando que tudo é uma questão de esforço e adaptação. “eu meio que aprendi a adaptar isso e usar minhas forças ao máximo. Nunca foi um problema.” Ele ainda continua: “Fora a deficiência, eu sou um cara normal”.

Warlocks, o game atualmente em desenvolvimento por Max e seus amigos

De entusiasta a programador profissional

Strzelecki começou a estudar programação aos 10 anos, com a ajuda de um amigo da família, profissional na área, que o ensinou. Após algum tempo, o jovem continuou aprendendo sozinho e atualmente estuda ciência da computação.

Recentemente, ele recebeu um convite de um amigo para trabalhar em Warlocks, um game originalmente desenvolvido pelo game designer Dushan Chaciej em uma game jam. O título traz batalhas em plataformas com um visual em pixel art, semelhantes à proposta de Risk of Rain. Atualmente, Strzelecki é o único programador da equipe de cinco integrantes que formam a empresa One More Level.

Se você ficou curioso com o game, vale notar que ele está atualmente no Kickstarter e, como a imagem acima mostra, o jogo impressiona em sua execução. No momento em que a matéria é feita, o projeto tem apenas 19 horas para chegar ao fim da arrecadação, faltando pouco menos de 1,5 mil dólares para a meta.

Gamer também

Outra dúvida que deve surgir na mente de muitos é quando à habilidade de Strzelecki para os jogos (ou mesmo se ele é capaz de jogar). Quando questionado sobre isso pelo VentureBeat, ele respondeu apenas ser parte do “PC master-race”.

Segundo ele, Dota 2 é um dos games que ele mais gosta de jogar, mas que também está dando sua chance ao Counter-Strike: Global Offensive atualmente. E novamente: tudo isso com um simples mouse e teclado, sem a necessidade de qualquer aparelho especial.

FONTE(S)

• VentureBeat
• Kickstarter, TecMundo

IMAGENS

• VentureBeat

Apple cria nova linguagem de programação

A Apple fez o público da WWDC feliz ao anunciar uma nova linguagem de programação própria que descomplica sua anterior. Afinal, o evento que a companhia realiza nesta segunda-feira, 2, é voltada a desenvolvedores.

Chamada de Swift, a linguagem entrará no lugar da Objective C, usada pelos desenvolvedores na criação de aplicações para iOS.

Ao falar sobre a novidade, o vice-presidente de engenharia de software Craig Federighi disse que, quando a construía, a Apple pensava no que poderia ser feito "sem a bagagem da [Objective] C". Não à toa, a principal diferença entre as duas linguagens é que a segunda depende de muito menos códigos escritos.

As duas linguagens poderão ser usadas no mesmo aplicativo, segundo o The Next Web, assim os desenvolvedores poderão fazer a atualização aos poucos.

Fonte: Olhar Digital

Microsoft lança campanha para incentivar jovens a aprender programação

A Microsoft lança nesta semana no Brasil a campanha #EuPossoProgramar, que tem o objetivo de estimular o aprendizado da linguagem de programação entre jovens de 12 a 25 anos. O curso preparado para incentivar crianças e adolescentes a darem os primeiros passos no universo da tecnologia está disponível no site www.eupossoprogramar.com. O conteúdo foi desenvolvido em parceria com entidades como Code.org e OIJ (Organização Ibero-Americana da Juventude), entre outras.

Com a campanha #EuPossoProgramar, a Microsoft reafirma seu compromisso para que o aprendizado de programação e a capacitação na área de tecnologia sejam um caminho para milhares de jovens terem acesso a melhores oportunidades no futuro. A iniciativa é parte do YouthSpark, programa global de cidadania da Microsoft com foco na juventude.

De acordo com dados do IBGE (Instituto Brasileiro de Geografia e Estatística), a taxa de desemprego entre jovens brasileiros de 16 a 24 anos foi de 13,8% em agosto deste ano ante uma taxa de 5% entre a população geral do conjunto de seis regiões metropolitanas do país. A campanha #EuPossoProgramar ocorre também nos demais países da América Latina, onde 22 milhões de jovens não estudam e nem trabalham, segundo a OIT (Organização Internacional do Trabalho).

“Um dos principais objetivos da Microsoft é promover a programação como parte fundamental do currículo escolar e a integração da tecnologia ao processo educacional. Por essa razão, incluímos o tema na Agenda Final de Políticas para a Juventude Pós-2015, em um trabalho realizado com a OIJ”, diz Hernán Rincón, presidente da Microsoft para América Latina. "Estamos confiantes de que a linguagem do código em breve será parte do currículo de muitas escolas na América Latina, tornando possível um crescimento ainda maior da região", afirma.

FONTE(S)

• Microsoft

IMAGENS

• Ciência Web

LISTA DE ELEMENTOS DO HTML5

Esta página lista todos os  elementos do padrão HTML5, descrito por sua tag de abertura e agrupadas por função. Ao contrário do que o índice do elemento HTML que lista todas as tags possíveis, padrão, não-padrão, os válidos, obsoletos ou obsoleto, esta lista apenas os elementos HTML5 válidos.Somente aqueles devem ser utilizados em novos sites

O simbolo  indica que o elemento foi adicionado em HTML 5. Note-se que outros elementos listados, podem ter sido modificados ou mantidps peloHTML5 Especificação.E

Elemento raiz

Elemento	Descrição
<html>	Representa a raiz de um documento HTML ou XHTML. Todos os outros elementos devem ser descendentes desse elemento.

Metadatos do documento

Elemento	Descrição
<head>	Representa uma coleção de metadados sobre o documento, incluindo links suas definições de scripts e folhas de estilo.
<title>	Define o título do documento , apresentado na barra de título do navegador ou na guia da página. Ele só pode conter texto e todas as tags contidas não são interpretados.
<base>	Define a URL base para URL relativa na página .
<link>	Usado para linkar JavaScript e CSS externo o documento HTML .
<meta>	Define os metadados que não podem ser definidas usando outro elemento HTML .
<style>	Style tag usada para escrever CSS iline.

Scripting

Elemento	Descrição
<script>	Define um script interno ou link para um script externo. A linguagem de script é JavaScript
<noscript>	Define um conteúdo alternativo a ser exibido quando o navegador não suporta scripts..

Seções

Elemento	Descrição
<body>	Representa o principal conteúdo de um documento HTML. Há apenas um elemento <body> em um documento.
<section>	Define a seção do Documento.
<nav>	Define uma seção que contém apenas links de navegação
<article>	Define que pode existir de forma independente do resto do conteúdo. Esta Tag poderia ser um post no fórum, um artigo de revistaou jornal, uma entrada de log da Web, um comentário enviado pelo usuário, ou qualquer outro item independente do conteúdo.
<aside>	Define um conteúdo reservado do resto do conteúdo da página. Se for removida, o conteúdo restante ainda fazem sentido.
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>	São elementos que representam os seis níveis de titulos de cabeçalhos dos documentos. Um elemento título descreve brevemente o tema da seção.
<hgroup>	Agrupa um conjunto de <h1> para <h6> elementos quando um título tem vários níveis. *tag excluida da documentação do html5 pelo W3C.
<header>	Define o cabeçalho de uma página ou seção. Muitas vezes contém um logotipo, o título do site e uma menu de navegação doconteúdo.
<footer>	Define o rodapé de uma página ou seção. Muitas vezes contém um aviso de copyright, alguns links para informações legal ouendereços para dar feedback.
<address>	Define uma seção que contém informações de contato, como endereço e telefone.
<main>	Define o conteúdo principal ou importante no documento. Existe apenas um elemento <main> no documento.

Agrupando conteúdo

Elemento	Descrição
<p>	Define uma parte que deve ser exibido como um paragrafo.
<hr>	Representa uma ruptura temática entre parágrafos de um artigo ou seção ou qualquer conteúdo mais longo.
<pre>	Indica que o seu conteúdo é pré-formatado e que este formato deve ser preservada.
<blockquote>	Representa uma citação.
<ol>	Define uma lista ordenada de itens, que é uma lista que mudam o seu significado, se alterar a ordem dos seus elementos
<ul>	Define uma lista não ordenada.
<li>	Define um item de uma lista de uma ol ou de um ul.
<dl>	Representa uma Lista de Definição
<dt>	Representa um item da Lista de Definição <dd>.
<dd>	Representa a definição dos termos listados imediatamente antes dele.
<figure>	O elemento figura representa um conteúdo de fluxo, opcionalmente com um subtítulo.
<figcaption>	Representa a legenda do Figure.
<div>	Representa um contêiner genérico sem nenhum significado especial.

Text-level semantics

Element	Description
<a>	Representa um contêiner genérico sem nenhum significado especial Representa um hyperlink, ligando a outro recurso.
<em>	Representa a enfâse do conteudo.
<strong>	Representa a importância de um pedaço de texto com o forte elemento não altera o sentido da frase.
<small>	Represents a side comment , that is text like a disclaimer, a copyright which is not essential to the comprehension of the document.
<s>	Represents content that is no longer accurate or relevant .
<cite>	Represents the title of a work .
<q>	Represents an inline quotation .
<dfn>	Represents a term whose definition is contained in its nearest ancestor content.
<abbr>	Represents an abbreviation or an acronym , eventually with its meaning.
<data>	Associates to its content a machine-readable equivalent . (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).
<time>	Represents a date and time value, eventually with a machine-readable equivalent.
<code>	Represents some computer code .
<var>	Represents a variable, that is an actual mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or a mere placeholder in prose.
<samp>	Represents the output of a program or a computer.
<kbd>	Represents user input , often from the keyboard, but not necessary, it may represent other input, like transcribed voice commands.
<sub>,<sup>	Represents a subscript , respectively a superscript.
<i>	Represents some text in an alternate voice or mood, or at least of different quality, such as a taxonomic designation, a technical term, an idiomatic phrase, a thought or a ship name.
<b>	Represents a text which to which attention is drawn for utilitarian purposes . It doesn't convey extra importance and doesn't implicate an alternate voice.
<u>	Represents unarticulate non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.
<mark>	Represents text highlighted for reference purposes, that is for its relevance in another context.
<ruby>	Represents content to be marked with ruby annotations , short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese furigana .
<rt>	Represents the text of a ruby annotation .
<rp>	Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.
<bdi>	Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.
<bdo>	Represents the directionality of its children, in order to explicitly override the Unicode bidirectional algorithm.
<span>	Represents text with no specific meaning. This has to be used when no other text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like class, lang, or dir.
<br>	Represents a line break .
<wbr>	Represents a line break opportunity , that is a suggested wrapping point in order to improve readability of text split on several lines.

Edições

Elemento	Descrição
<ins>	Defines an addition to the document.
<del>	Defines a removal from the document.

Conteúdo embutido

Elemento	Descrição
<img>	Represents an image .
<iframe>	Represents a nested browsing context , that is an embedded HTML document.
<embed>	Represents a integration point for an external, often non_HTML, application or interactive content.
<object>	Represents an external resource , which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.
<param>	Defines parameters for use by plugins invoked by <object> elements.
<video>	Represents a video , and its associated audio files and captions, with the necessary interface to play it.
<audio>	Represents a sound , or an audio stream .
<source>	Allows authors to specify alternative media resources for media elements like <video> or <audio>.
<track>	Allows authors to specify timed text track for media elements like <video> or <audio>.
<canvas>	Represents a bitmap area that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.
<map>	In conjunction with <area>, defines an image map .
<area>	In conjunction with <map>, defines an image map .
<svg>	Defines an embedded vectorial image .
<math>	Defines a mathematical formula .

Tabulação de dados

Elemento	Descrição
<table>	Represents data with more than one dimension .
<caption>	Represents the title of a table .
<colgroup>	Represents a set of one or more columns of a table.
<col>	Represents a column of a table.
<tbody>	Represents the block of rows that describes the concrete data of a table.
<thead>	Represents the block of rows that describes the column labels of a table.
<tfoot>	Represents the block of rows that describes the column summaries of a table.
<tr>	Represents a row of cells in a table.
<td>	Represents a data cell in a table.
<th>	Represents a header cell in a table.

Formulários

Elemento	Descrição
<form>	Represents a formular , consisting of controls, that can be submitted to a server for processing.
<fieldset>	Represents a set of controls .
<legend>	Represents the caption for a <fieldset>.
<label>	Represents the caption of a form control.
<input>	Represents a typed data field allowing the user to edit the data.
<button>	Represents a button .
<select>	Represents a control allowing the selection among a set of options .
<datalist>	Represents a set of predefined options for other controls.
<optgroup>	Represents a set of options , logically grouped.
<option>	Represents an option in a <select> element, or a suggestion of a <datalist> element.
<textarea>	Represents a multiline text edit control .
<keygen>	Represents a key pair generator control .
<output>	Represents the result of a calculation .
<progress>	Represents the completion progress of a task.
<meter>	Represents a scalar measurement (or a fractional value), within a known range

Elementos interativos

Elemento	Descrição
<details>	Represents a widget from which the user can obtain additional information or controls.
<summary>	Represents a summary , caption , or legend for a given <details>.
<command>	Represents a command that the user can invoke.
<menu>	Represents a list of commands .