Skip to content

Commit

Permalink
Update Data to Master (#2)
Browse files Browse the repository at this point in the history
* Update index.html

Incrementei "Onde aprender", acrescentando links uteis para quem está iniciando e criei um topico novo chamado "Tutoriais".

* Padronizando espaçamentos com tabs

* Pequenas correções / melhorias nos textos

* Movendo template de slide antigo

* Redesenhando a proposta de layout para suportar mais conteúdo.

* Adicionando JEKYLL e os arquivos para as páginas básicas de conteúdo dos assuntos.

* Create README.md

* arrumando errinho.

* inserindo mais uma página sobre o que é front e back

* Inserindo o FORK ME ON GITHUB

* Inserindo .config para fazer gitpages.

* Testando URL para github pages

* ignorando site

* ignore site

* adicionando {{ site.url }} nas urls.

* testando

* tirando o site_url, entendi como funciona agora.

* tirando um site.url da home.

* arrumando link do css.

* Arrumando links dos submenus

* Fazendo um teste...

* arrumando baseurl para github

* new site.

* testando.

* test new branch

* tirando baseurl e colocando url na unha

* arrumando link do logo.

* Mudando os assets de lugar - Issue tableless#24

Movendo assets para pasta /assets/ e arquivos de texto do manual para a
pasta /manual/.

Dessa forma fica tudo mais organizado.

* Ignorando pasta _site

* Apagando imagens não utilizadas.

* Incluindo responsive básico - Issue tableless#26

* Issue tableless#26

* menu escondido apenas para smartphones.

* Inserindo breve explicação sobre estrutura de diretórios.

* fazendo untrack do _site

* inserindo link nos titulos dos menus para funcionar o menu me smartphones.

* acertando alinhamento do box que estava quebrando apenas no Chrome

* Criado o texto 'Inserindo JS na página?'. Fecha (tableless#28)

* Adicionando uma breve descrição sobre o que é HTML

* Adicionando uma breve descrição sobre o que é Estrutura Básica de um documento HTML

* texto oque eh front end e oque eh back end

* Modificando README para mostrar padrão de escrita de código no meio do texto

Estamos usando Prettify que deve ser conhecido de todos, logo o padrão
para escrever sintaxe de código no meio dos textos não é nada
complicada.

Os parágrafos aceitam tag CODE, mas não precisa envolver com a tag PRE.
Apenas a tag CODE já está de bom tamanho.

* Adicionando arquivos do Prettify

* Fazendo algumas alterações nos títulos para melhorar fluxo de texto.

* Modificando texto de Estrutura Básica

Adicionei código básico HTML de exemplo.

* Escrevendo um texto mais amigável na página O QUE É HTML.

* Adicionando um texto primário de o que é Semântica.

Quero colocar algumas imagens. Acho essa parte muito importante. Vou
adicionar algumas ideias que tenho nas minhas palestras.

* Adicionando um pouco mais de texto para a página onde explica o que é front e back.

* Correção do link para página de semantica.

* Modificação do texto sobre as 3 formas de inserir CSS em uma página

* Melhorias no Readme

- Convertido tags HTML para sintaxe em MD.
- Melhorias na organização.
- Melhorias no texto.

* Erro de parse

Arrumado erro de parse

* Guia para trabalhar com Jekyll. tableless#31

* Correção no título do guia para trabalhar com Jekyll. tableless#31

* Tab para espaço tableless#31

* Texto: O QUE E W3C - Issue tableless#16

* tirando um script do doubleclick desnecessario.

* Adicionado o código no formato do google prettify para o texto 'inserindo javascript na página'

* Update sintaxe-css.html

Correção da palavra "Escrevendo" que estava escrita de forma errada "Escrevando" e adicionando um pequeno texto sobre o assunto

* Update inserindo-css.html

Alteração da palavra "atributo" na linha 25 para "valor" pois o atributo é equivalente a propriedade do elemento.

* Update inserindo-css.html

* Update sintaxe-css.html

Correção dos exemplos na linha 24 devido ao espaço dado como pode ser visto no site.

* Add estrutura das pastas do projeto

* Escrevendo texto sobre o que é Javascript. Issue tableless#48

* Colocando um div com classe EXAMPLE só para separar um exemplo de resultado HTML.

Melhorando texto de O QUE É HTML, inserindo um exemplo de tags.

* inserindo apresentacao de slides do Davi T. Ferreira no O Que é Javascript. Essa apresentação está muito bem feita e qualquer um consegue entender a abrangencia do Javascript.

* Add texto sobre objetos

* Add texto sobre objetos

* Update oquew3c

Ecama substituído por Ecma

* Refatorando texto sobre objetos

* Alteração do "texto padrão"

* Text only - change Javascript to JavaScript

* Alterações no conteúdo de "Oque é JavaSript?"

* Texto inicial sobre Arrays

* O que são variáveis

* alterando erros gramaticais

* Alterando algumas informações de gramatica e concordância

* Algumas alterações no texto

* Alteração nos exemplos de "Inserindo JS na página".

Correção de indentação no código, e alterações nos exemplos.

* Retirando textos antigos em páginas que ainda estão em construção.

* Atualizando script do Analytics.

* Escrevendo um texto básico sobre desenvolvimento por camadas. Issue tableless#12

* Conteudo para 'O que é CSS?'.

* Correção do termo utilizado para definir CSS.

* Correção de marcações nos subtítulos

* Corrige fechamento incorreto da tag h3 na página 'inserindo js'

* Melhorar o conteúdo

Tornar o conteúdo mais compreensível e intuitivo corrigindo erros e melhorando a explicação e formatação

* Corrigir "Caracteres válidos" e acentuação

Caracteres especiais do UTF-8 também são válidos.

* Padronizar itens do menu

· A navegação estava confusa: alguns itens tinham "O que" e outros não, sendo que deveriam seguir a mesma lógica.
· Substituir "Operadores lógicos" por "Operadores". O subtítulo  da seção demonstra confusão entre operadores aritméticos e lógicos. E ainda: iniciantes em JavaScript devem ser introduzidos a, no mínimo, todos os TIPOS de operadores; e não alguns em específico.

* Atualizar links do menu para nomes mais coerentes

* Link correto para variáveis

* Link correto para objetos

* Generalizar operadores + Link correto

* Correção: "sintax" para "syntax"

* Correções e alterações básicas.

* Css de forma menos limitada a páginas web.

* Correção na dissertação do texto.

* Conteudo para 'Qual a diferença entre CLASS e ID?'

* HTML
  Criando conteúdo inicial para tags e atributos.
CSS adicionado
  Adicionadas propriedades para h4 e dl

* Seletores CSS

* Overflow-x auto nos blocos de código (estava ocultando nas linhas grandes)

* Estilo no elemento <hr>

* CSS - Propriedade Overflow

* Tab para espaços

* Correção ("exceder")

* inserção de conteúdo na página de background.

* acerto de portugues

* Texto para Margin.
Texto para Position

* Adicionando gerenciador de dependências

* Adicionando editorconfig

* adicionando conteúdo de padding e corrigindo linguagem de exemplo da sintaxe-css

* Update README.md

* Mudando código do analytics

* Update footer.html

* Adiciona primeira versao do texto para box model

* Corrige href secao JS.

Corrige um problema de referenciamento na parte de javascript em objetos.html e variaveis.html

* Adicionado texto inicial sobre o que é um framework

* Correcao de grafia no index do HTML

* Corrige pequenos detalhes de concordancia

* Pequenos ajustes de concordancia e ortografia

* Corrigindo tag de subtítulo.

O subtítulo "O nome HTML" estava em h3, modifiquei para h2 como todos os outros da página.

* Update oquetags.html

Adicionado o atributo global draggable.
No atributo lang, alteração de língua para idioma.

* Update style.css

Centraliza imagem ao centro do artigo.

* Update style.css

Estabelecendo padrão de identificação de Global, Sidebar e Article

* Update style.css

Centraliza imagem do artigo.

* Update oquetags.html

Editando a especificação do atributo ID

* Update estruturabasica.html

Correção de typos e inserção de parágrafo sobre o elemento BODY

* Arrumando espaçamento de texto

Arrumando texto e realizando meu primeiro commit para entender como
funciona !

* Adiciona primeira versao do texto sobre Float e Clear

* Update Data (#1)

* Adicionado texto parcial para meta tags.

* Adicionado mais conteúdo.

* Adicionado mais conteúdo.

* Adiciona uma primeira versao de texto para a propriedade CSS display

* Adiciona uma primera versao para o texto sobre seletores coplexos

* Adiciona uma primeira versao de texto para jQuery

* Adiciona complemento nos textos de seletores complexos e jQuery

* Corrige boxes de exemplo do capitulo sobre jQuery

* Fix typo orietação -> orientação

* Alterei html de alguns c cedilhas e outros para testes. Parabéns pela iniciativa

* Corrigindo abertura das tags figcaption

* Aplicando estilização para Tag h5

* O que são Tags, Elementos e Atributos

* Fix erro tag <a>

* Fix erro tag <a>

* Como funciona o metodo push em array no javascript

* Removendo/recortando elementos de um array em javascript

* Quantidade de elementos do array em javascript

* Update arrays.html

Adicionando var em novoGaveteiro para manter o padrão.

* Update arrays.html

Melhorando o contexto no metodo push

* Melhorando a descrição dos exemplos

* Introducao, explicando o que sao funcoes

* Exemplo de funcao com parametros e retorno

* Texto inicial para Estruturas de Controle e Laços

* Ajustes no texto

* Ajustes no texto

* Palavra corrigida

Trocando de "largura" para "altura" no cálculo da altura.

* Correção no texto

* Typo Correction

* Update index.html

* Update index.html

* Começando a escrever

* Início da escrita de operadores aritiméticos

* Mais exemplos operações básicas e inicio dos outros operadores aritiméticos

* Final operadores aritiméticos

* Finalização operadores aritiméticos

* Abrir link externo em outra página

* Metatags - Correção de html. Existem dt's e dd's, mas não existe uma dl envelopando tudo. Coloquei a dl

* Remoção ultimo parágrafo e precedência de nome/operador alterada para operador/nome

* Correção do Igual Estrito (===)

De acordo com a [Issue](tableless#74 (comment)) aberta por [olinad0](https://github.com/olinad0)

* Update font.html

Adicionado font family

* doctype e ortografia

* Adiciona o texto inicial sobre o que é DOM

* Corrigindo tag apontamento do Jquery (tableless#122)

* Teste (tableless#120) (tableless#127)

* Texto inicial para Estruturas de Controle e Laços

* Ajustes no texto

* Palavra corrigida

Trocando de "largura" para "altura" no cálculo da altura.

* Correção no texto

* Typo Correction

* Update index.html

* Update index.html

* Começando a escrever

* Início da escrita de operadores aritiméticos

* Mais exemplos operações básicas e inicio dos outros operadores aritiméticos

* Final operadores aritiméticos

* Finalização operadores aritiméticos

* Abrir link externo em outra página

* Metatags - Correção de html. Existem dt's e dd's, mas não existe uma dl envelopando tudo. Coloquei a dl

* Remoção ultimo parágrafo e precedência de nome/operador alterada para operador/nome

* Correção do Igual Estrito (===)

De acordo com a [Issue](tableless#74 (comment)) aberta por [olinad0](https://github.com/olinad0)

* Update font.html

Adicionado font family

* doctype e ortografia

* Adiciona o texto inicial sobre o que é DOM

* add: update gem version and solve deprecation warnings (tableless#128)

* add: update gem version and solve deprecation warnings

* refactor: use base tag instead of change hrefs

* remove: base tag

* Adicionando alguns parágrafos na parte de frameworks
  • Loading branch information
jacksonfdam authored Feb 2, 2019
1 parent 5a2fff0 commit 5da6edd
Show file tree
Hide file tree
Showing 116 changed files with 6,541 additions and 240 deletions.
11 changes: 11 additions & 0 deletions .editorconfig
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
# editorconfig.org

root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
4 changes: 4 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,7 @@ css/fonts/.DS_Store
.DS_Store

*.scssc
*.sublime-project

_site/
_site/*
3 changes: 3 additions & 0 deletions Gemfile
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
source 'https://rubygems.org'

gem 'github-pages', group: :jekyll_plugins
204 changes: 204 additions & 0 deletions Gemfile.lock
Original file line number Diff line number Diff line change
@@ -0,0 +1,204 @@
GEM
remote: https://rubygems.org/
specs:
activesupport (4.2.7)
i18n (~> 0.7)
json (~> 1.7, >= 1.7.7)
minitest (~> 5.1)
thread_safe (~> 0.3, >= 0.3.4)
tzinfo (~> 1.1)
addressable (2.5.0)
public_suffix (~> 2.0, >= 2.0.2)
coffee-script (2.4.1)
coffee-script-source
execjs
coffee-script-source (1.12.2)
colorator (1.1.0)
ethon (0.10.1)
ffi (>= 1.3.0)
execjs (2.7.0)
faraday (0.11.0)
multipart-post (>= 1.2, < 3)
ffi (1.9.18)
ffi (1.9.18-x64-mingw32)
forwardable-extended (2.6.0)
gemoji (2.1.0)
github-pages (113)
activesupport (= 4.2.7)
github-pages-health-check (= 1.3.0)
jekyll (= 3.3.1)
jekyll-avatar (= 0.4.2)
jekyll-coffeescript (= 1.0.1)
jekyll-default-layout (= 0.1.4)
jekyll-feed (= 0.8.0)
jekyll-gist (= 1.4.0)
jekyll-github-metadata (= 2.3.0)
jekyll-mentions (= 1.2.0)
jekyll-optional-front-matter (= 0.1.2)
jekyll-paginate (= 1.1.0)
jekyll-readme-index (= 0.0.3)
jekyll-redirect-from (= 0.11.0)
jekyll-relative-links (= 0.2.1)
jekyll-sass-converter (= 1.3.0)
jekyll-seo-tag (= 2.1.0)
jekyll-sitemap (= 0.12.0)
jekyll-swiss (= 0.4.0)
jekyll-theme-architect (= 0.0.3)
jekyll-theme-cayman (= 0.0.3)
jekyll-theme-dinky (= 0.0.3)
jekyll-theme-hacker (= 0.0.3)
jekyll-theme-leap-day (= 0.0.3)
jekyll-theme-merlot (= 0.0.3)
jekyll-theme-midnight (= 0.0.3)
jekyll-theme-minimal (= 0.0.3)
jekyll-theme-modernist (= 0.0.3)
jekyll-theme-primer (= 0.1.5)
jekyll-theme-slate (= 0.0.3)
jekyll-theme-tactile (= 0.0.3)
jekyll-theme-time-machine (= 0.0.3)
jekyll-titles-from-headings (= 0.1.3)
jemoji (= 0.7.0)
kramdown (= 1.11.1)
liquid (= 3.0.6)
listen (= 3.0.6)
mercenary (~> 0.3)
minima (= 2.0.0)
rouge (= 1.11.1)
terminal-table (~> 1.4)
github-pages-health-check (1.3.0)
addressable (~> 2.3)
net-dns (~> 0.8)
octokit (~> 4.0)
public_suffix (~> 2.0)
typhoeus (~> 0.7)
html-pipeline (2.5.0)
activesupport (>= 2)
nokogiri (>= 1.4)
i18n (0.8.1)
jekyll (3.3.1)
addressable (~> 2.4)
colorator (~> 1.0)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 1.1)
kramdown (~> 1.3)
liquid (~> 3.0)
mercenary (~> 0.3.3)
pathutil (~> 0.9)
rouge (~> 1.7)
safe_yaml (~> 1.0)
jekyll-avatar (0.4.2)
jekyll (~> 3.0)
jekyll-coffeescript (1.0.1)
coffee-script (~> 2.2)
jekyll-default-layout (0.1.4)
jekyll (~> 3.0)
jekyll-feed (0.8.0)
jekyll (~> 3.3)
jekyll-gist (1.4.0)
octokit (~> 4.2)
jekyll-github-metadata (2.3.0)
jekyll (~> 3.1)
octokit (~> 4.0, != 4.4.0)
jekyll-mentions (1.2.0)
activesupport (~> 4.0)
html-pipeline (~> 2.3)
jekyll (~> 3.0)
jekyll-optional-front-matter (0.1.2)
jekyll (~> 3.0)
jekyll-paginate (1.1.0)
jekyll-readme-index (0.0.3)
jekyll (~> 3.0)
jekyll-redirect-from (0.11.0)
jekyll (>= 2.0)
jekyll-relative-links (0.2.1)
jekyll (~> 3.3)
jekyll-sass-converter (1.3.0)
sass (~> 3.2)
jekyll-seo-tag (2.1.0)
jekyll (~> 3.3)
jekyll-sitemap (0.12.0)
jekyll (~> 3.3)
jekyll-swiss (0.4.0)
jekyll-theme-architect (0.0.3)
jekyll (~> 3.3)
jekyll-theme-cayman (0.0.3)
jekyll (~> 3.3)
jekyll-theme-dinky (0.0.3)
jekyll (~> 3.3)
jekyll-theme-hacker (0.0.3)
jekyll (~> 3.3)
jekyll-theme-leap-day (0.0.3)
jekyll (~> 3.3)
jekyll-theme-merlot (0.0.3)
jekyll (~> 3.3)
jekyll-theme-midnight (0.0.3)
jekyll (~> 3.3)
jekyll-theme-minimal (0.0.3)
jekyll (~> 3.3)
jekyll-theme-modernist (0.0.3)
jekyll (~> 3.3)
jekyll-theme-primer (0.1.5)
jekyll (~> 3.3)
jekyll-theme-slate (0.0.3)
jekyll (~> 3.3)
jekyll-theme-tactile (0.0.3)
jekyll (~> 3.3)
jekyll-theme-time-machine (0.0.3)
jekyll (~> 3.3)
jekyll-titles-from-headings (0.1.3)
jekyll (~> 3.3)
jekyll-watch (1.5.0)
listen (~> 3.0, < 3.1)
jemoji (0.7.0)
activesupport (~> 4.0)
gemoji (~> 2.0)
html-pipeline (~> 2.2)
jekyll (>= 3.0)
json (1.8.6)
kramdown (1.11.1)
liquid (3.0.6)
listen (3.0.6)
rb-fsevent (>= 0.9.3)
rb-inotify (>= 0.9.7)
mercenary (0.3.6)
mini_portile (0.6.2)
minima (2.0.0)
minitest (5.10.1)
multipart-post (2.0.0)
net-dns (0.8.0)
nokogiri (1.6.6.4)
mini_portile (~> 0.6.0)
nokogiri (1.6.6.4-x64-mingw32)
mini_portile (~> 0.6.0)
octokit (4.6.2)
sawyer (~> 0.8.0, >= 0.5.3)
pathutil (0.14.0)
forwardable-extended (~> 2.6)
public_suffix (2.0.5)
rb-fsevent (0.9.8)
rb-inotify (0.9.8)
ffi (>= 0.5.0)
rouge (1.11.1)
safe_yaml (1.0.4)
sass (3.4.23)
sawyer (0.8.1)
addressable (>= 2.3.5, < 2.6)
faraday (~> 0.8, < 1.0)
terminal-table (1.7.3)
unicode-display_width (~> 1.1.1)
thread_safe (0.3.6)
typhoeus (0.8.0)
ethon (>= 0.8.0)
tzinfo (1.2.2)
thread_safe (~> 0.1)
unicode-display_width (1.1.3)

PLATFORMS
ruby
x64-mingw32

DEPENDENCIES
github-pages

BUNDLED WITH
1.16.6
96 changes: 96 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
Iniciantes
==========
Em uma conversa no Twitter, algumas pessoas identificaram que faltava conteúdo para iniciantes. Resolvemos então criar um conteúdo básico, mínimo, para que alguém que esteja iniciando na área tenha alguma bagagem para aprender informações importantes de forma que ela saiba por onde começar.

----------

Guia básico para iniciantes
----------
Se você quiser ajudar a melhorar este guia, escrevendo, corrigindo ou aprimorando a experiência de utilização, por favor, faça um FORK do projeto e mãos à obra.

Como funciona
----------
Utilizamos [Jekyll](http://jekyllrb.com) uma Gem do [Ruby](http://www.ruby-lang.org/) para gerar páginas estáticas.

1. Instale o [Ruby](http://www.ruby-lang.org/pt/downloads/)

2. Instale a Gem do [Bundler](http://bundler.io/):
```
gem install bundler
```
3. Clone o projeto:
```
[email protected]:tableless/iniciantes.git
```
4. Vá a pasta do projeto:
```
cd iniciantes
```
5. Instale as dependências através do [Bundler](http://bundler.io/):
```
bundle install
```
5. Inicie o [Jekyll](http://jekyllrb.com/):
```
jekyll serve -w
```
5. Acesse [http://localhost:4000/iniciantes/](http://localhost:4000/iniciantes/)
Escrevendo código com syntax highlight
----------
Para escrever código, usamos o Google Prettify, que já é conhecido de todos. Uma estrutura para código básica segue abaixo:
<pre class="lang-html prettyprint linenums">
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;pt-br&quot;&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
A classe `lang-x` define a linguagem do código, onde `x` é a linguagem (javascript, css, php, asp, ruby e assim por diante). Lembre-se de escapar sinais como &lt; &gt; colocando em entidades HTML (&amp;lt; &amp;gt;).
Estrutura básica de diretórios
----------
Dentro de **manual** você encontra todos os textos do guia. Lá está separado em 4 pastas básicas: **obasico** onde agrupa textos sobre o conceito da área. A pasta **HTML** contém textos sobre HTML e seu funcionamento. A pasta **CSS** tem textos sobre CSS. E por último mas não menos importante, a pasta **JS** guarda textos sobre JavaScript e afins.
A pasta **assets** guarda o CSS, o JS e as imagens usadas no projeto.
```
| iniciantes/
|
|-- _includes/
|
|-- _layouts/
|
|-- assets/
| |-- imgs
| |-- javascripts
| |-- stylesheet
|
|-- manual/
| |-- css
| |-- html
| |-- js
| |-- obasico
|
|-- slide/
| |-- css
| |-- fonts
| |-- galery-sass
| |-- galery
| |-- img
| |-- js
| |-- layout
```
Da comunidade para a comunidade
----------
Esta iniciativa é da comunidade para a comunidade. Prezamos pelo bom conteúdo e sabemos que encontrar conteúdo básico é muito difícil, por isso tente divulgar o máximo que puder para aqueles que estão começando. Dessa forma temos a certeza de que a qualidade da internet brasileira vai crescer ainda mais.
63 changes: 63 additions & 0 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
source: .
destination: ./_site
plugins_dir: ./_plugins
layouts_dir: ./_layouts
include: ['.htaccess']
exclude: []
keep_files: ['.git','.svn']
timezone: nil

future: true
show_drafts: nil
limit_posts: 0
highlighter: pygments

permalink: date
paginate_path: 'page:num'

markdown: kramdown
markdown_ext: markdown,mkd,mkdn,md
textile_ext: textile

excerpt_separator: "\n\n"

safe: true
#watch: false # deprecated
#server: false # deprecated
host: 0.0.0.0
port: 4000
baseurl: /iniciantes
url: http://localhost:4000
lsi: false

kramdown:
use_tex: false
use_divs: false
png_engine: blahtex
png_dir: images/latex
png_url: /images/latex

rdiscount:
extensions: []

redcarpet:
extensions: []

kramdown:
auto_ids: true
footnote_nr: 1
entity_output: as_char
toc_levels: 1..6
smart_quotes: lsquo,rsquo,ldquo,rdquo
enable_coderay: false

coderay:
coderay_wrap: div
coderay_line_numbers: inline
coderay_line_numbers_start: 1
coderay_tab_width: 4
coderay_bold_every: 10
coderay_css: style

redcloth:
hard_breaks: true
Loading

0 comments on commit 5da6edd

Please sign in to comment.