├── .github
└── FUNDING.yml
├── CHANGELOG.md
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── CURRICULAR_GUIDELINES.md
├── FAQ.md
├── HELP.md
├── LICENSE.md
├── PROJECTS.md
├── README.md
├── assets
├── badge.png
├── button.png
├── discussion-categories.png
├── keep-learning.jpg
├── logo.png
├── mark-answer.png
├── ranking.png
├── watch.png
└── wiki
│ ├── chocolatey
│ ├── chocolatey_001.png
│ ├── chocolatey_002.png
│ ├── chocolatey_003.png
│ ├── chocolatey_004.png
│ ├── chocolatey_005.png
│ ├── chocolatey_006.png
│ ├── chocolatey_007.png
│ ├── chocolatey_008.png
│ ├── chocolatey_009.png
│ ├── chocolatey_010.png
│ └── chocolatey_011.png
│ └── visual studio code
│ ├── vs-code_001.png
│ ├── vs-code_002.png
│ ├── vs-code_003.png
│ ├── vs-code_004.png
│ ├── vs-code_005.png
│ ├── vs-code_006.png
│ └── vs-code_007.png
└── extras
├── FORUM.md
└── READINGS.md
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | github: inkasadev
2 | custom: ["https://www.catarse.me/osib", "https://picpay.me/inkasadev"]
3 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 |
3 | Todas as mudanças notáveis neste projeto serão documentadas neste arquivo. Este projeto adere *em espírito* ao [Versionamento Semântico](http://semver.org/):
4 |
5 | - As atualizações "MAJOR" correspondem à adição/remoção dos módulos estudados dentro de um núcleo.
6 | - Atualizações "MINOR" correspondem a mudanças (adição/remoção/atualização) de projetos/vídeos/textos sem adicionar/remover os módulos.
7 | - As atualizações "PATCH" correspondem a adições/remoções estéticas e não essenciais ou mudança na ordem dos projetos para melhor progressão.
8 |
9 | ## [0.4.5] 2022-09-04
10 |
11 | ## Added
12 | - Adicionado vídeo "Comece por Aqui!"
13 |
14 | ## [0.3.5] 2022-09-04
15 |
16 | ## Added
17 | - Adicionada seção "Consulte a Wiki da OSIB: Frontend" na página `HELP.md`
18 |
19 | ## Fixed
20 | - Link do botão "Li e Concordo" na página `FORUM.md`
21 |
22 | ## [0.3.4] 2022-08-06
23 |
24 | ## Added
25 | - Link para o fórum do projeto "Site Frontbox"
26 | - Link para o fórum do projeto "Placa 100k Youtube"
27 | - Link para o fórum do projeto "Jogo Genius"
28 | - Link para o fórum do projeto "Site Meet Minas"
29 | - Link para o fórum do projeto "Site Clarim Diário"
30 | - Link para o fórum do projeto "Dashboard Covid Brasil"
31 |
32 | ## Fixed
33 | - Tabela do módulo `HTML/CSS Básico`
34 |
35 | ## [0.2.3] 2022-08-06
36 |
37 | ### Added
38 | - Adicionado o Vídeo "5 extensões do VS Code que você precisa instalar"
39 | - Adicionado o Vídeo "A extensão do VS Code que todo iniciante precisa instalar"
40 | - Adicionado o Vídeo "5 extensões do Google Chrome que você precisa instalar"
41 |
42 | ### Updated
43 | - Link para o Trelo
44 |
45 | ## [0.1.2] 2022-08-06
46 |
47 | ### Added
48 | - Adicionada a Wiki "Ferramentas/Chocolatey"
49 | - Adicionada a Wiki "Ferramentas/Visual Studio Code"
50 |
51 | ### Updated
52 | - Link para a página "thanks"
53 | - Explicação sobre o "Versionamento Semântico" na página `CHANGELOG.md` alterado
54 |
55 | ## [0.0.1] 2022-08-06
56 |
57 | Lançamento da primeira versão do currículo da Open Sourse Inkasa Dev Bootcamp: Frontend - OSIB: Frontend
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 | A OSIB fornece um ambiente onde todos os alunos e colaboradores podem se sentir seguros e bem-vindos. Este documento descreve nossas políticas e valores comunitários.
4 |
5 | # Regras
6 |
7 | - Aprenda e ajude os outros a aprender.
8 | - Seja gentil e cortês com **TODOS** os membros da OSIB.
9 | - Critique ideias, não pessoas.
10 | - Discuta publicamente. Evite enviar mensagens diretas às pessoas, a menos que seja especificamente solicitado.
11 | - **Pergunte; não peça para perguntar. Não há necessidade de escrever "Existe alguém que possa me ajudar com X?", basta perguntar sobre X.**
12 |
13 | # Proibições
14 |
15 | - Nenhuma violência ou ameaças de violência de qualquer tipo.
16 | - Nenhuma linguagem ou ação racista, sexista, homofóbica ou qualquer outra linguagem ou ação preconceituosa ou discriminatória;
17 | - Nenhum assédio sexual, incluindo avanços sexuais indesejados ou comentários ofensivos sobre o sexo de uma pessoa.
18 | - Sem xingar outras pessoas.
19 | - Nenhum material NSFW. Isso inclui nudez, sangue ou qualquer outra imagem potencialmente perturbadora.
20 | - Não revelar informações privadas de outra pessoa contra a vontade dela (doxxing).
21 | - Sem perseguição ou intimidação, online ou de outra forma.
22 | - Sem spam, trollagem, flaming ou outras perturbações da paz.
23 | - Nenhum tipo de promoção, divulgação, autopromoção de qualquer tipo sem a prévia autorização da moderação.
24 | - Nenhum nome de usuário impróprio. Os moderadores mudarão seu nome se for considerado NSFW ou depreciativo.
25 | - Sem defesas políticas de qualquer tipo. Nada de partidos, políticos ou qualquer coisa relacionada!
26 | - Nenhuma defesa ou ameaça de qualquer um dos comportamentos acima.
27 |
28 | # Relatórios e Moderação
29 |
30 | Se você observar algum comportamento que vá contra o Código de Conduta, denuncie-o à equipe de moderação o mais rápido possível, de forma privada ou pública.
31 |
32 | A violação dos termos deste Código de Conduta resultará em consequências que dependerão a) da gravidade da violação e b) do histórico de violações. As possíveis consequências incluem: mudo temporário, ser expulso da conversa, banimento temporário ou permanente de qualquer participação futura na comunidade.
33 |
34 | Se você sentir que foi tratado injustamente, entre em contato com um moderador ou organizador da comunidade e explique sua queixa. Sua reclamação será tratada pelo consenso do moderador/fundador. Porém, tenha sempre em mente que a OSIB não é uma democracia, mas sim uma ditadura. Em outras palavras, se você fizer algo que o fundador julgue como inadequado, você poderá ser sumariamente expulso por ele, sem direito a contestação!
35 |
36 | # Atribuição
37 | Partes deste Código de Conduta foram inspiradas nos seguintes trabalhos:
38 |
39 | - [OSSU](https://github.com/ossu/computer-science#code-of-conduct)
40 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Como contribuir com a OSIB
2 |
3 | A OSIB cresce e prospera por causa do apoio dos nossos alunos e colaboradores. Se você foi ou está sendo beneficiado pela OSIB, por favor, considere se tornar um apoiador do projeto. Continue lendo para obter detalhes sobre como ajudar.
4 |
5 | ## Mudanças no currículo
6 |
7 | ### Alterações não substanciais
8 |
9 | Se você tiver atualizações não substanciais para fazer no currículo, como o URL de um projeto que foi movido, erros de ortografia/sintaxe etc., envie uma pull request para corrigir quaisquer erros encontrados.
10 |
11 | ### Mudanças substanciais
12 |
13 | Se você tiver críticas específicas e substanciais ao currículo, ou seja, problemas relacionados à progressão/conteúdo dos módulos, seria apropriado [abrir uma issue](https://docs.github.com/pt/issues/tracking-your-work-with-issues/creating-an-issue). Embora seja aceitável apontar problemas, todas as mudanças bem-sucedidas naturalmente exigem um plano para serem feitas. As diretrizes curriculares da OSIB [estão aqui](CURRICULAR_GUIDELINES.md). Críticas bem-sucedidas do currículo apontam maneiras pelas quais a OSIB está falhando em manter essas diretrizes. Exemplos são:
14 |
15 | - OSIB lista um módulo/projeto como requerido quando na verdade ele deveria ser eletivo.
16 | - OSIB não possui um projeto para cobrir algum tópico importante.
17 | - OSIB indica um projeto para ensinar um tópico, mas existe a necessidade de que aquele tópico seja coberto em mais projetos ou em algum projeto mais simples.
18 | - Algum projeto da OSIB não esta funcionando como deveria por algum motivo (**favor conferir se o exemplo do projeto finalizado tambem esta com problema**).
19 |
20 | ## Divulgação
21 |
22 | Você pode apoiar o meu trabalho divulgando a OSIB ou qualquer outro trabalho que eu faça. Além desse projeto, você também pode divulgar o meu [canal do youtube](https://www.youtube.com/c/InkasaDev/videos) e os [app/jogos que eu publico na Google Play](https://play.google.com/store/apps/developer?id=Inkasa+Studios). Curtir e comentar os vídeos do youtube e/ou fazer um review bacana na Google Play também são formas legais de apoiar. 🤗
23 |
24 | Caso você tenha linkedin (se não tiver, eu recomendo que faça!), além de poder apoiar o meu trabalho o divulgando por lá, você também pode [recomendar alguma das minhas competências](https://www.linkedin.com/in/inkasadev/details/skills/) ou [escrever uma recomendação](https://www.linkedin.com/in/inkasadev/edit/forms/recommendation/write/?profileUrn=urn%3Ali%3Afsd_profile%3AACoAADkgMMkBbZ4ynEKaSkQ6evMVDkZlq_rA7GM).
25 |
26 | O Github possui um programa chamado [Github Stars](https://stars.github.com/), que é uma forma de reconhecer pessoas que encabeçam projetos Open Source, criadores de conteúdo e líderes de comunidade. Eu gostaria de pedir que se você que está lendo isso curte o meu trabalho e se ele já te ajudou de alguma forma, que você por favor me indique para o programa [clicando aqui](https://stars.github.com/nominate/).
27 |
28 | Conhece alguém que trabalha na Microsoft ou é um MVP? Não sei se você sabe, mas a Microsoft possui um prêmio chamado [MVP (Most Valuable Professional - Profissionais Mais Valiosos)](https://mvp.microsoft.com/pt-BR/Overview), que é uma forma de reconhecer pessoas que contribuem para a comunidade compartilhando conhecimento. Para alguém ser considerado para o Prêmio MVP, primeiro, um funcionário em tempo integral da Microsoft ou um MVP precisa enviar uma referência de indicação em nome da pessoa. Caso você conheça algum funcionário da MS (online e/ou offline) ou alguém que é MVP e você curte o meu trabalho, considere pedir para essa pessoa me indicar para o prêmio.
29 |
30 | ## Doação 💗
31 |
32 | Este é um projeto 100% Open Source e meu trabalho é financiado pela comunidade. Se você ou sua empresa acredita que o meu trabalho te ajudou de alguma forma, considere me apoiar para que eu possa continuar meu trabalho Open Source.
33 |
34 | ### Para doações mensais:
35 |
36 | - [Catarse](https://catarse.me/osib)
37 | - [Github Sponsors](https://github.com/sponsors/inkasadev)
38 |
39 | ### Para uma doação única:
40 |
41 | - Pix: inkasadev@gmail.com
42 | - Picpay: @inkasadev
43 |
44 | ### Criptomoedas:
45 |
46 | - Bitcoin (BTC): `bc1qqq5hh0h800crtcauww97pjefl30q634h5ydzy0`
47 | - Ethereum (ETH): `0x41Be438C8A6D90AbCD918e001CFB661Df0bb955f`
48 | - USD Coin (USDC): `0x41Be438C8A6D90AbCD918e001CFB661Df0bb955f`
49 | - Tether USD (USDT): `0x41Be438C8A6D90AbCD918e001CFB661Df0bb955f`
50 | - Brave Coin (BAT): `0x41Be438C8A6D90AbCD918e001CFB661Df0bb955f`
--------------------------------------------------------------------------------
/CURRICULAR_GUIDELINES.md:
--------------------------------------------------------------------------------
1 | # Diretrizes Curriculares
2 |
3 | Apesar da [Open Source Society University - OSSU](https://github.com/ossu/computer-science) ter sido usada como template para a criação desse projeto, a ideia original é baseada no projeto [Freecodecamp](https://www.freecodecamp.org/), que é usado como um norte para definição do currículo. Apesar disso, muito do que é visto aqui é baseado na minha experiência como professor e nos feedbacks que recebo dos alunos.
4 |
5 |
6 |
--------------------------------------------------------------------------------
/FAQ.md:
--------------------------------------------------------------------------------
1 | # Frequently Asked Questions (Perguntas Frequentes)
2 |
3 | Esta página responde a algumas perguntas que recebemos com frequência sobre a OSIB. Se você tiver dúvidas que não foram respondidas aqui, tente perguntar por meio de um de nossos [canais da comunidade](README.md#comunidade-). Se parecer importante o suficiente ou se for uma pergunta recorrente, provavelmente a adicionaremos aqui.
4 |
5 | Alternativamente, você mesmo pode [contribuir](CONTRIBUTING.md) com uma resposta.
6 |
7 | # Sumário
8 |
9 | - [Questões](#questões)
10 | - [O que é a OSIB?](#o-que-é-a-osib)
11 | - [Como a OSIB pode me ajudar a aprender a programar?](#como-a-osib-pode-me-ajudar-a-aprender-a-programar)
12 | - [Como posso apoiar a OSIB?](#como-posso-apoiar-a-osib)
13 | - [Como posso fazer uma doação única?](#como-posso-fazer-uma-doação-única)
14 | - [Em que ordem devo fazer os projetos?](#em-que-ordem-devo-fazer-os-projetos)
15 | - [Posso me transmitir ao vivo trabalhando em desafios e projetos da OSIB? Posso escrever um post sobre como eu os resolvi?](#posso-me-transmitir-ao-vivo-trabalhando-em-desafios-e-projetos-da-osib-posso-escrever-um-post-sobre-como-eu-os-resolvi)
16 | - [Por que o currículo não cobre/ignora o tópico X?](#por-que-o-currículo-não-cobreignora-o-tópico-x)
17 | - [Porque os conteúdos demoram para sair?](#porque-os-conteúdos-demoram-para-sair)
18 |
19 | ## Questões
20 |
21 | ### O que é a OSIB?
22 |
23 | A Open Source Inkasa Dev Bootcamp - OSIB é uma comunidade open source que te ajuda a aprender programação construindo projetos ensinados passo a passo.
24 |
25 | ### Como a OSIB pode me ajudar a aprender a programar?
26 |
27 | Você aprenderá a codificar construindo projetos ensinados passo a passo.
28 |
29 | ### Como posso apoiar a OSIB?
30 |
31 | Existem [várias maneiras de doar para a comunidade OSIB](CONTRIBUTING.md#Doação). Somos um projeto de código aberto, e cada real que você doar nos ajudará a fornecer mais de 100 horas de aprendizado para pessoas de todo o mundo que são falantes da língua portuguesa.
32 |
33 | ### Como posso fazer uma doação única?
34 |
35 | Se preferir fazer doações únicas, você pode apoiar a missão da OSIB sempre que tiver dinheiro sobrando. Você pode [usar este link](CONTRIBUTING.md#Doação) para saber como doar o valor que quiser por meio de PicPay, PIX, Catarse ou até mesmo criptomoedas.
36 |
37 | ### Em que ordem devo fazer os projetos?
38 |
39 | Você tem algumas opções diferentes:
40 | - Você pode progredir linearmente de cima para baixo da página.
41 | - Você pode progredir linearmente através de cada módulo individual, mas estudando diferentes módulos em paralelo.
42 | - Você pode criar sua própria progressão personalizada usando os pré-requisitos para guiá-lo.
43 |
44 | Projetamos o currículo para funcionar em qualquer um dos três estilos acima.
45 |
46 | ### Posso me transmitir ao vivo trabalhando em desafios e projetos da OSIB? Posso escrever um post sobre como eu os resolvi?
47 |
48 | Sim, e eu te dou parabéns por isso! Além disso, não tenha vergonha de "estragar" projetos ou desafios.
49 |
50 | ### Por que o currículo não cobre/ignora o tópico X?
51 |
52 | Você pode ler mais sobre nossas diretrizes curriculares [aqui](CURRICULAR_GUIDELINES.md). Se você encontrar um tópico que é relevante e não está incluído no currículo, devemos fazer uma alteração! Leia mais sobre como [contribuir para uma mudança](CONTRIBUTING.md).
53 |
54 | ### Porque os conteúdos demoram para sair?
55 |
56 | Entenda que a adição de novos conteúdos dependem de vários processos que hoje são feitos unicamente por mim, como:
57 |
58 | - Estudar o conteúdo
59 | - Criar um projeto que utilize o conteúdo estudado
60 | - Refatoração do projeto com foco na didática
61 | - Criação de roteiro
62 | - Revisão do roteiro
63 | - Gravação do vídeo
64 | - Edição do vídeo
65 | - Pós produção do vídeo
66 | - Revisão do vídeo
67 | - Publicação do vídeo
68 | - Divulgação do vídeo
69 |
70 | Sendo assim, tenha sempre em mente que as coisas podem não acontecer na velocidade desejada por você. Por favor, tenham paciência!
71 |
--------------------------------------------------------------------------------
/HELP.md:
--------------------------------------------------------------------------------
1 | # Obtendo Ajuda
2 |
3 | ## Consulte o FAQ!
4 | Por favor, verifique o nosso [FAQ (Perguntas Frequentes)](FAQ.md) para ver se sua pergunta foi respondida.
5 |
6 | ## Pergunte no Fórum
7 |
8 | Junte-se ao [fórum da OSIB: Frontend](extras/FORUM.md)! Lá é onde você pode conversar com outros alunos e obter ajuda.
9 |
10 | ## Consulte a Wiki da OSIB: Frontend
11 | Na [Wiki da OSIB Frontend](https://github.com/inkasadev/osib-frontend-pt/wiki) você encontra conteúdos que facilmente ficariam datados em um vídeo do youtube, como instalação de ferramentas, folhas de dicas (cheatsheets), checklists, workflows, etc.
12 |
13 | ### Problemas específicos
14 |
15 | Se você precisar de ajuda para concluir com êxito algum projeto ou tiver dificuldades técnicas gerais, primeiro consulte as dúvidas relacionadas ao projeto em questão no nosso fórum. Se você precisar de ajuda adicional depois disso, poste no fórum a sua dúvida. **Em sua postagem, mencione quais etapas você já tomou para tentar resolver o problema**.
16 |
17 | ### Problemas gerais
18 |
19 | Se você tiver problemas gerais com o programa que não sejam específicos de nenhum projeto, como preferir aprendizado no estilo de livro didático em vez de vídeo, o fórum é um bom lugar para entrar em contato com pessoas que possam ter ótimas sugestões. Você pode até mesmo formar um grupo de trabalho para propor alguma melhoria na OSIB! Leia mais sobre como contribuir [aqui](CONTRIBUTING.md).
20 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | # License
2 |
3 | This curriculum is licensed under the [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-nc-sa/4.0/).
4 |
5 | It basically means you can do whatever you want with the material as long as it's for non-commercial use but you've got to attribute the original author ([Phillipe Martins - Inkasadev](http://github.com/inkasadev)) and share any derivative works under the same license.
6 |
7 | If you're interested in using the curriculum for commercial purposes or otherwise licensing material, feel free to get in touch at [inkasadev@gmail.com](mailto:inkasadev@gmail.com).
--------------------------------------------------------------------------------
/PROJECTS.md:
--------------------------------------------------------------------------------
1 | # Projetos dos Alunos
2 |
3 | Projetos criados pelos alunos da [OSIB: Frontend](README.md) ao final de cada módulo do nosso currículo e ao final do currículo.
4 |
5 | > **Aviso:** _Projetos na seção **Projeto Final** só serão aceitos após a versão `1.0.0` do currículo ter sido lançada._
6 |
7 | Para adicionar o seu projeto aqui, envie as informações do seu projeto para essa página por meio de um pull request. As informações a serem enviadas são:
8 |
9 | - **Título do Projeto**: Título do projeto (pode ser um link para o projeto publicado)
10 | - **Autor(es)**: Autor(es) do projeto (podem ser links para o(s) github do(s) autor(es))
11 | - **Repositório**: Repositório do projeto
12 | - **Descrição**: Link **para o tópico criado no nosso fórum** com a descrição do projeto
13 | - **Versão do Currículo**: Versão do currículo da OSIB no momento em que o pull request foi feito.
14 |
15 | ---
16 |
17 | - [Starter](#starter)
18 | - [HTML/CSS Básico](#htmlcss-básico)
19 | - [Javascript Básico](#javascript-básico)
20 | - [Javascript: Clean Code](#javascript-clean-code)
21 | - [Essentials](#essentials)
22 | - [Web Design Responsivo](#web-design-responsivo)
23 | - [Javascript Essentials](#javascript-essentials)
24 | - [Intermediate](#intermediate)
25 | - [Javascript: ReactJS Básico](#javascript-reactjs-básico)
26 | - [Advanced](#advanced)
27 | - [Matemática para Programadores](#matemática-para-programadores)
28 | - [Javascript Design Patterns](#javascript-design-patterns)
29 | - [Javascript Estruturas de Dados](#javascript-estruturas-de-dados)
30 | - [Projeto Final](#projeto-final)
31 |
32 | ---
33 |
34 | ## Starter
35 |
36 | ### HTML/CSS Básico
37 |
38 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
39 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
40 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
41 |
42 | ### Javascript Básico
43 |
44 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
45 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
46 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
47 |
48 | ### Javascript: Clean Code
49 |
50 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
51 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
52 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
53 |
54 | ## Essentials
55 |
56 | ### Web Design Responsivo
57 |
58 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
59 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
60 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
61 |
62 | ### Javascript Essentials
63 |
64 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
65 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
66 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
67 |
68 | ## Intermediate
69 |
70 | ### Javascript: ReactJS Básico
71 |
72 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
73 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
74 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
75 |
76 | ## Advanced
77 |
78 | ### Matemática para Programadores
79 |
80 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
81 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
82 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
83 |
84 | ### Javascript Design Patterns
85 |
86 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
87 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
88 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
89 |
90 | ### Javascript Estruturas de Dados
91 |
92 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
93 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
94 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
95 |
96 | ## Projeto Final
97 |
98 | | Título do Projeto | Autor(es) | Repositório | Descrição | Versão do Currículo |
99 | | :---------------: | :----------: | :----------: | :----------: | :-----------------: |
100 | | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! | Altere Aqui! |
101 |
102 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 | Open Source Inkasa Dev Bootcamp
4 |
5 | Caminho para uma educação autodidata gratuita em Frontend!
6 |
7 |
8 |
9 | 
10 |
11 |
12 |
13 | # Sumário
14 |
15 | - [Sobre](#sobre-)
16 | - [Comunidade](#comunidade-)
17 | - [Currículo](#currículo-)
18 | - [Código de Conduta](#código-de-conduta-)
19 | - [Sobre mim, esse projeto e você](#sobre-mim-esse-projeto-e-você-)
20 | - [Equipe](#equipe-)
21 |
22 | # Sobre
23 |
24 | O currículo da OSIB: Frontend é **uma educação GRATUITA completa para que você aprenda Frontend** usando materiais online. Não é meramente um tutorial ou um mini-curso. É para aqueles que desejam uma base adequada e completa em conceitos fundamentais para desenvolvimento Frontend usando Javascript, e para aqueles que têm disciplina, vontade e (o mais importante!) bons hábitos para obter essa educação, em grande parte por conta própria, mas com apoio de uma comunidade mundial de colegas aprendizes.
25 |
26 | Ele é projetado focado em uma metodologia totalmente prática, onde você irá obter o conhecimento por meio de projetos ensinados passo a passo.
27 |
28 | **Organização**. O currículo está estruturado da seguinte forma:
29 |
30 | - _Starter_: Para os alunos já começarem o Bootcamp colocando a mão na massa, experimentando a área e vendo se é adequado para eles.
31 |
32 | - _Essentials_: Corresponde ao core do Bootcamp, cobrindo assuntos que todos os cursos deveriam ter.
33 |
34 | - _Intermediate_: Contém eletivas para serem feitas de acordo com os interesses do aluno.
35 |
36 | - _Advanced_: Contém módulos focados em melhorar a qualidade dos códigos escritos pelo aluno, ao mesmo tempo em que aprimoram sua capacidade de resolução de problemas.
37 |
38 | - _Projeto Final_: um projeto para os alunos validarem, consolidarem e exibirem seus conhecimentos, para serem avaliados por seus pares em todo o mundo.
39 |
40 | - _Bônus_: Contém materiais extras que auxiliam no aprendizado.
41 |
42 | **Custo**. Todo o material do bootcamp está disponível gratuitamente. Porém, esse projeto possui gastos. Caso você queira colaborar para que o mesmo continue existindo, considere apoiá-lo [clicando aqui](CONTRIBUTING.md).
43 |
44 | Decida quando gastar ou quanto gastar com base em seu próprio tempo e orçamento; apenas lembre-se que você não pode comprar o sucesso!
45 |
46 | **Processo**. Os alunos podem trabalhar o currículo sozinhos ou em grupos, em ordem ou fora de ordem.
47 |
48 | - Recomendamos fazer todos os projetos dos núcleos _Starter_ e _Essentials_, apenas pulando um projeto se tiver certeza de que já aprendeu o conteúdo abordado anteriormente.
49 | - Para simplificar, recomendamos trabalhar nos projetos na ordem de cima para baixo, pois eles já foram classificados topologicamente por seus pré-requisitos.
50 | - Os módulos em _Intermediate_ são eletivos. Escolha um assunto em que você deseja se tornar um especialista e faça todos os projetos sob esse título. Você também pode criar seu próprio assunto personalizado, mas recomendamos obter validação da comunidade sobre o assunto escolhido.
51 |
52 | **[Como contribuir](CONTRIBUTING.md)**
53 |
54 | **[Conseguindo ajuda](HELP.md)** (Detalhes sobre nosso FAQ e Fórum)
55 |
56 | **[Pessoas e Empresas que tornam esse trabalho possível](https://github.com/inkasadev/osib-thanks-pt)**
57 |
58 | # Comunidade
59 |
60 | - Nós temos um Fórum! Nosso fórum deve ser sua primeira parada para conversar com outros alunos da OSIB: Frontend. Por que você não se apresenta agora? [Junte-se ao Fórum da OSIB: Frontend](extras/FORUM.md)
61 | - Você também pode interagir por meio de issues do GitHub. Se houver um problema com um projeto ou uma mudança que precisa ser feita no currículo, este é o lugar para iniciar a conversa. [Leia mais aqui](CONTRIBUTING.md).
62 |
63 | # Currículo
64 |
65 | **Versão do Currículo**: `0.4.5` (veja o [CHANGELOG](CHANGELOG.md))
66 |
67 | - [Pré-requisitos](#pré-requisitos)
68 | - [Starter](#starter)
69 | - [HTML/CSS Básico](#htmlcss-básico)
70 | - [Javascript Básico](#javascript-básico)
71 | - [Javascript: Clean Code](#javascript-clean-code)
72 | - [Essentials](#essentials)
73 | - [Web Design Responsivo](#web-design-responsivo)
74 | - [Javascript Essentials](#javascript-essentials)
75 | - [Intermediate](#intermediate)
76 | - [Javascript: ReactJS Básico](#javascript-reactjs-básico)
77 | - [Advanced](#advanced)
78 | - [Matemática para Programadores](#matemática-para-programadores)
79 | - [Javascript: Design Patterns](#javascript-design-patterns)
80 | - [Javascript: Estruturas de Dados](#javascript-estruturas-de-dados)
81 | - [Bônus](#bônus)
82 | - [Monitore o seu progresso](#monitore-o-seu-progresso)
83 | - [Qual a diferença?](#qual-a-diferença)
84 | - [Quizzes diários](#quizzes-diários)
85 | - [Projetos para Estudo](#projetos-para-estudo)
86 | - [The Best of Bolha Dev](#the-best-of-bolha-dev)
87 | - [Projeto Final](#projeto-final)
88 | - [Avaliação](#avaliação)
89 | - [Trabalho cooperativo](#trabalho-cooperativo)
90 | - [Parabéns!](#parabéns)
91 |
92 | ---
93 |
94 | ## Pré-requisitos
95 |
96 | - [Starter](#starter) assume que o aluno possui conhecimentos como leitura e interpretação de texto e matemática de nível fundamental.
97 | - [Intermediate](#intermediate) assume que o aluno já fez a totalidade do _Essentials_ e tem conhecimento suficiente agora para decidir quais eletivas tomar.
98 |
99 | ## Starter
100 |
101 | Aqui você aprende a trabalhar com HTML, CSS e Javascript, tecnologias que serão úteis durante toda a sua jornada neste Bootcamp. Se você nunca escreveu um loop for ou não sabe o que é uma tag HTML, aqui é o lugar onde você irá aprender.
102 |
103 | ### HTML/CSS Básico
104 |
105 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
106 | | :------------------------------------------------------------------------------------------------------: | :-----: | :------: | :----------------: | :---------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
107 | | [Comece por Aqui!](https://www.youtube.com/watch?v=UnE9NDXCYs4) | Vídeo | 25m | 1 hora | nenhum | - |
108 | | [Como instalar o Chocolatey](https://github.com/inkasadev/osib-frontend-pt/wiki/Chocolatey) | Texto | 15m | 1 hora | nenhum | - |
109 | | [Como instalar o VS Code](https://github.com/inkasadev/osib-frontend-pt/wiki/Visual-Studio-Code) | Texto | 15m | 30m | nenhum | - |
110 | | [5 extensões do VS Code que você precisa instalar](https://www.youtube.com/watch?v=3CSlwnV19Xg) | Vídeo | 10m | 20m | Como instalar o VS Code | - |
111 | | [A extensão do VS Code que todo iniciante precisa instalar](https://www.youtube.com/watch?v=22Xl-zo_-A8) | Vídeo | 5m | 10m | Como instalar o VS Code | - |
112 | | [5 extensões do Google Chrome que você precisa instalar](https://www.youtube.com/watch?v=HVYLGA2nOzM) | Vídeo | 10m | 20m | nenhum | - |
113 | | HTML para Iniciantes | Vídeo | Em Breve | Em Breve | Comece por Aqui! | - |
114 | | CSS para Iniciantes | Vídeo | Em Breve | Em Breve | HTML para Iniciantes | - |
115 | | [Site Frontbox](https://github.com/inkasadev/frontbox-starter-files) | Projeto | 2h30m | 2-4 horas / semana | CSS para Iniciantes | [fórum](https://github.com/inkasadev/osib-frontend-pt/discussions/categories/-g-perguntas-e-respostas?discussions_q=category%3A%22%28G%29+Perguntas+e+Respostas%22+label%3A%22projeto%3A+site+frontbox%22) |
116 | | [Como colocar um ícone na aba do site](https://youtu.be/B-XhykQtkC4) | Vídeo | 6m | 1 hora | Site Frontbox | - |
117 | | [Como enviar um projeto para o Github](https://youtu.be/EZN9-dKC5d8) | Vídeo | 27m | 4 horas | Site Frontbox | - |
118 | | [Como hospedar um site HTML](https://youtu.be/CHgBusY7WHY) | Vídeo | 7m | 1 hora | Site Frontbox | - |
119 |
120 | ### Javascript Básico
121 |
122 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
123 | | :------------------------------------------------------------------------: | :-----: | :------: | :----------------: | :------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
124 | | Javascript para Iniciantes | Vídeo | Em Breve | Em Breve | nenhum | - |
125 | | [Placa 100k Youtube](https://github.com/inkasadev/placa100k-starter-files) | Projeto | 1h23m | 4 horas | Javascript para Iniciantes | [fórum](https://github.com/inkasadev/osib-frontend-pt/discussions/categories/-g-perguntas-e-respostas?discussions_q=category%3A%22%28G%29+Perguntas+e+Respostas%22+label%3A%22projeto%3A+placa+100k+youtube%22) |
126 | | [Jogo Genius](https://github.com/inkasadev/genius-starter-files) | Projeto | 2h35m | 2-4 horas / semana | Placa 100k Youtube | [fórum](https://github.com/inkasadev/osib-frontend-pt/discussions/categories/-g-perguntas-e-respostas?discussions_q=category%3A%22%28G%29+Perguntas+e+Respostas%22+label%3A%22projeto%3A+jogo+genius%22) |
127 | | Calculadora Retrô | Projeto | Em Breve | Em Breve | Placa 100k Youtube | fórum |
128 | | OSIB TodoList | Projeto | Em Breve | Em Breve | Calculadora Retrô | fórum |
129 |
130 | ### Javascript: Clean Code
131 |
132 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
133 | | :------: | :------: | :------: | :------: | :------------: | :-------: |
134 | | Em breve | Em breve | Em breve | Em breve | Em breve | Em breve |
135 |
136 | ## Essentials
137 |
138 | Todos os projetos do núcleo _Essentials_ são **obrigatórios**, salvo indicação em contrário.
139 |
140 | ### Web Design Responsivo
141 |
142 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
143 | | :----------------------------------------------------------------------------: | :-----: | :------: | :----------------: | :------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
144 | | [Site Meet Minas](https://github.com/inkasadev/meet-minas-starter-files) | Projeto | 4h31m | 2-4 horas / semana | nenhum | [fórum](https://github.com/inkasadev/osib-frontend-pt/discussions/categories/-g-perguntas-e-respostas?discussions_q=category%3A%22%28G%29+Perguntas+e+Respostas%22+label%3A%22projeto%3A+site+meet+minas%22) |
145 | | [Site Clarim Diário](https://github.com/inkasadev/clarim-diario-starter-files) | Projeto | Em curso | 2-4 horas / semana | Meet Minas | [fórum](https://github.com/inkasadev/osib-frontend-pt/discussions/categories/-g-perguntas-e-respostas?discussions_q=category%3A%22%28G%29+Perguntas+e+Respostas%22+label%3A%22projeto%3A+site+clarim+diario%22) |
146 |
147 | ### Javascript Essentials
148 |
149 | | Aula | | Duração | Esforço | Pré-requisitos | Discussão |
150 | | :-------------------------------------------------------------------------------: | :-----: | :------: | :----------------: | :------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
151 | | [Dashboard Covid Brasil](https://github.com/inkasadev/covid-brasil-starter-files) | Projeto | Em curso | 2-4 horas / semana | Meet Minas | [fórum](https://github.com/inkasadev/osib-frontend-pt/discussions/categories/-g-perguntas-e-respostas?discussions_q=category%3A%22%28G%29+Perguntas+e+Respostas%22+label%3A%22projeto%3A+dashboard+covid+brasil%22) |
152 |
153 | ## Intermediate
154 |
155 | Depois de concluir todos os módulos obrigatórios do _Essentials_, os alunos devem escolher um ou mais módulos do nível _Intermediate_ com base no interesse. Nem todo projeto de um módulo precisa ser feito, mas os alunos devem fazer todos os projetos relevantes para o campo em que pretendem entrar.
156 |
157 | ### Javascript: ReactJS Básico
158 |
159 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
160 | | :------: | :------: | :------: | :------: | :------------: | :-------: |
161 | | Em breve | Em breve | Em breve | Em breve | Em breve | Em breve |
162 |
163 | ## Advanced
164 |
165 | Os módulos do núcleo _Advanced_ são focados em melhorar a qualidade dos códigos escritos por você, ao mesmo tempo em que aprimoram a sua capacidade de resolução de problemas. Aqui você irá aprender sobre tópicos como Arquitetura, Design Patterns, Estruturas de Dados e até mesmo Matemática para Programadores.
166 |
167 | Atente-se para o fato de que alguns módulos têm como pré-requisitos módulos do nível _Intermediate_.
168 |
169 | ### Matemática para Programadores
170 |
171 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
172 | | :------: | :------: | :------: | :------: | :------------: | :-------: |
173 | | Em breve | Em breve | Em breve | Em breve | Em breve | Em breve |
174 |
175 | ### Javascript: Design Patterns
176 |
177 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
178 | | :------: | :------: | :------: | :------: | :------------: | :-------: |
179 | | Em breve | Em breve | Em breve | Em breve | Em breve | Em breve |
180 |
181 | ### Javascript: Estruturas de Dados
182 |
183 | | Aula | Tipo | Duração | Esforço | Pré-requisitos | Discussão |
184 | | :------: | :------: | :------: | :------: | :------------: | :-------: |
185 | | Em breve | Em breve | Em breve | Em breve | Em breve | Em breve |
186 |
187 | ## Bônus
188 |
189 | Nessa seção você encontra diversos bônus que tem como objetivo te auxiliar na sua jornada. Esses bônus vão desde um quadro para monitorar o seu progresso a quizzes diários e projetos para estudo.
190 |
191 | ### Monitore o seu progresso
192 |
193 | 1. Crie uma conta no [Trello](https://trello.com/).
194 | 2. Copie [este quadro](https://trello.com/b/fsJ6ndPo/osib-frontend-pt) para sua conta pessoal. Veja como copiar um quadro [aqui](https://help.trello.com/article/802-copying-cards-lists-or-boards).
195 |
196 | Agora que você tem uma cópia do nosso quadro oficial, você só precisa passar os cartões para a coluna `Fazendo` ou `Concluído` à medida que avança nos seus estudos.
197 |
198 | Também temos etiquetas para ajudá-lo a ter mais controle durante o processo. O significado de cada uma dessas etiquetas é:
199 |
200 | - `Currículo Principal`: os cartões com essa etiqueta representam os projetos listados em nosso currículo.
201 | - `Recursos Extras`: os cartões com essa etiqueta representam cursos/projetos que foram adicionados pelo aluno.
202 | - `Módulo`: os cartões com essa etiqueta representam um módulo que temos em nosso currículo. Os cartões com etiquetas de `Módulo` servem apenas para ajudar na organização da coluna Currículo.
203 |
204 | A intenção deste quadro é fornecer aos nossos alunos uma maneira de acompanhar seu progresso, e também a capacidade de mostrar seu progresso através de uma página pública para amigos, familiares, empregadores, etc. Você pode alterar o status do seu quadro para *público* ou *privado*.
205 |
206 | ### Qual a diferença?
207 |
208 | É uma série de vídeos onde são explicadas as diferenças entre elementos do mundo da programação que aparentemente são iguais. [Clique aqui](https://github.com/inkasadev/qual-a-diferenca) para acessar o repositório.
209 |
210 | ### Quizzes diários
211 |
212 | São quizzes postados diariamente na aba comunidade do canal que tem com o objetivo de auxiliar na fixação do conteúdo ensinado no currículo, além de ser uma ótima forma do aluno manter um contato diário com o conteúdo. [Clique aqui](https://www.youtube.com/c/InkasaDev/community) para acessar a aba comunidade do canal e conferir os quizzes que já foram postados.
213 |
214 | ### Projetos para Estudo
215 |
216 | Pequenos projetos de frontend para estudo. Esses projetos são postados no Instagram e seu código em um Canal do Telegram. [Clique aqui](https://www.instagram.com/inkasadev/) para ver os vídeos dos projetos já postados e [clique aqui](https://t.me/inkasadev) para ter acesso ao código fonte desses projetos. Obs: Alguns projetos postados no [Instagram](https://www.instagram.com/inkasadev/) não fazem parte dessa categoria.
217 |
218 | ### The Best of Bolha Dev
219 |
220 | Apesar do Twitter ser uma rede social extremamente tóxica, vez ou outra alguém produz algum conteúdo relevante por lá. Nesse repositório você encontra as melhores discussões que encontramos por lá, discussões que podem ajudar muito na sua jornada como desenvolvedor. [Clique aqui](https://github.com/inkasadev/best-of-bolha-dev) para acessar o repositório.
221 |
222 | ## Projeto Final
223 |
224 | A OSIB: Frontend é focada em projetos. Cada um desses projetos irá prepará-lo para usar seu conhecimento resolvendo problemas do mundo real.
225 |
226 | Ao fim de cada módulo (e quando completar o currículo da OSIB: Frontend), você deve pensar em um problema que pode resolver usando o conhecimento adquirido. Não apenas o trabalho real do projeto fica ótimo em um currículo, mas o projeto também irá validar e consolidar seu conhecimento. Você pode criar algo totalmente novo ou encontrar um projeto existente que precise de ajuda por meio de sites como [CodeTriage](https://www.codetriage.com/) ou [First Timers Only](https://www.firsttimersonly.com/).
227 |
228 | ### Avaliação
229 |
230 | Ao concluir seu projeto ao final de um módulo ou do currículo:
231 |
232 | - Envie as informações do seu projeto para [PROJECTS](PROJECTS.md) por meio de um pull request.
233 | - Coloque a badge OSIB-Frontend no README do seu repositório! [](https://github.com/inkasadev/osib-frontend)
234 |
235 | - Markdown: `[](https://github.com/inkasadev/osib-Frontend)`
236 | - HTML: ``
237 |
238 | - Use o fórum da [comunidade](#comunidade) para anunciá-lo aos seus colegas.
239 |
240 | Solicite feedback de seus colegas da OSIB: Frontend. Você não será "avaliado" no sentido tradicional - todos têm suas próprias medidas para o que consideram um sucesso. O objetivo da avaliação é agir como seu primeiro anúncio ao mundo de que você é um desenvolvedor frontend e obter experiência em ouvir feedback – tanto positivo quanto negativo.
241 |
242 | A avaliação do projeto final, criado após completar o currículo, tem um segundo objetivo: avaliar se a OSIB: Frontend, por meio de sua comunidade e currículo, é bem-sucedida em sua missão de orientar alunos independentes na obtenção de uma educação em desenvolvimento frontend a nível de mercado.
243 |
244 | ### Trabalho cooperativo
245 |
246 | Você pode criar este projeto sozinho ou com outros alunos! Adoramos o trabalho cooperativo! Use nossos canais para se comunicar com outros bolsistas para combinar e criar novos projetos!
247 |
248 | ## Parabéns!
249 |
250 | Depois de completar os requisitos do currículo acima, você terá concluído o equivalente a um Bootcamp completo em Desenvolvimento Frontend. Parabéns!
251 |
252 | O que vem a seguir para você? As possibilidades são ilimitadas e sobrepostas:
253 |
254 | - Procure um emprego como desenvolvedor!
255 | - Confira as [leituras](extras/READINGS.md) de livros clássicos que você pode ler que irão aprimorar suas habilidades e expandir seu conhecimento.
256 | - Participe de um encontro de desenvolvedores locais (por exemplo, via [meetup.com](https://www.meetup.com/)).
257 |
258 | 
259 |
260 | # Código de Conduta
261 |
262 | [Nosso Código de Conduta](CODE_OF_CONDUCT.md).
263 |
264 | # Sobre mim, esse projeto e você
265 |
266 | Fala Pessoal! Meu nome é Phillipe Martins, mas pode me chamar de Inkasa.
267 |
268 | Sou belorizontino, nascido e criado na periferia dessa cidade. Como dizia Emicida: "nasci preto, sem grana, num país de terceiro mundo", assim como muitos brasileiros por aí.
269 |
270 | Cresci com a criminalidade na minha porta, perdendo inclusive alguns amigos para ela. Hoje, quando olho pra trás e me pergunto o porquê de eu não ter tido o mesmo fim que eles, eu percebo que a diferença foi só uma: privilégio. O privilégio de ter tido desde cedo uma mãe que, apesar de só ter conseguido terminar os estudos perto dos 50 anos, sempre valorizou a educação e se esforçou ao máximo para que eu entendesse que esse era o único caminho.
271 |
272 | Por conta desse privilégio, eu acabei tendo outros. Consegui uma bolsa do PROUNI para fazer graduação e bolsa de pesquisa (FAPEMIG) e monitoria durante a graduação. Fiz mestrado com uma bolsa da CAPES e uma pós com uma bolsa interna da universidade. Tudo relacionado ao mundo da computação.
273 |
274 | O meu objetivo com esse projeto é tentar ser o empurrão que você precisava para a sua transformação de vida rumo a um emprego melhor. Muitas pessoas desejam entrar para o mundo da programação, mas infelizmente não conseguem por conta do preço dos cursos atuais ou até mesmo pela falta de prática. **O que eu quero com esse bootcamp é oferecer gratuitamente o que muitos não te oferecem com você pagando!**
275 |
276 | Porém, eu preciso de algo de você. Dedicação e, se possível, apoio.
277 |
278 | Sobre dedicação, citando novamente o Emicida: "você é o único representante do seu sonho na face da terra, se isso não fizer você correr, eu não sei o que vai". Você precisa ter foco no seu objetivo e se dedicar a alcançá-lo. Eu sei que não é fácil. Talvez você tenha um trabalho que te exige muito, uma família pra cuidar e/ou outros deveres/obrigações que eu nem devo fazer ideia. Mas dedique–se, se esforce, lute! Eu te garanto que vai valer a pena!
279 |
280 | Sobre apoio, como eu já disse, todo o material do bootcamp está disponível gratuitamente. Porém, esse projeto possui gastos. Caso você queira colaborar para que o mesmo continue existindo, eu te peço por favor que considere apoiá-lo. Entenda, porém, que o seu apoio não se limita à ajuda financeira. [Clique aqui](CONTRIBUTING.md) para saber as diferentes formas de apoiar esse projeto.
281 |
282 | Eu espero de coração que você curta a jornada e lembre-se de que você não está sozinho nela. [Visite o fórum](extras/FORUM.md), crie grupos de estudos, tire dúvidas e forme amizades. Eu espero esbarrar com você por lá!
283 |
284 | Tudo de melhor,
285 | Se cuida,
286 | Tmj! 👊🏾
287 |
288 | # Equipe
289 |
290 | - **[Phillipe Martins (Inkasa Dev)](https://github.com/inkasadev)**: Fundador da OSIB
291 |
292 | ## Atribuição
293 | Partes deste projeto foram inspiradas nos seguintes trabalhos:
294 |
295 | - [Freecodecamp](https://www.freecodecamp.org/learn)
296 | - [OSSU](https://github.com/ossu/computer-science)
297 | - [Front-end Brasil](https://github.com/frontendbr)
298 | - [Awesome](https://github.com/sindresorhus/awesome)
--------------------------------------------------------------------------------
/assets/badge.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/badge.png
--------------------------------------------------------------------------------
/assets/button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/button.png
--------------------------------------------------------------------------------
/assets/discussion-categories.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/discussion-categories.png
--------------------------------------------------------------------------------
/assets/keep-learning.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/keep-learning.jpg
--------------------------------------------------------------------------------
/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/logo.png
--------------------------------------------------------------------------------
/assets/mark-answer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/mark-answer.png
--------------------------------------------------------------------------------
/assets/ranking.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/ranking.png
--------------------------------------------------------------------------------
/assets/watch.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/watch.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_001.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_001.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_002.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_002.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_003.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_003.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_004.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_004.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_005.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_005.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_006.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_006.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_007.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_007.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_008.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_008.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_009.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_009.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_010.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_010.png
--------------------------------------------------------------------------------
/assets/wiki/chocolatey/chocolatey_011.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/chocolatey/chocolatey_011.png
--------------------------------------------------------------------------------
/assets/wiki/visual studio code/vs-code_001.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/visual studio code/vs-code_001.png
--------------------------------------------------------------------------------
/assets/wiki/visual studio code/vs-code_002.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/visual studio code/vs-code_002.png
--------------------------------------------------------------------------------
/assets/wiki/visual studio code/vs-code_003.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/visual studio code/vs-code_003.png
--------------------------------------------------------------------------------
/assets/wiki/visual studio code/vs-code_004.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/visual studio code/vs-code_004.png
--------------------------------------------------------------------------------
/assets/wiki/visual studio code/vs-code_005.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/visual studio code/vs-code_005.png
--------------------------------------------------------------------------------
/assets/wiki/visual studio code/vs-code_006.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/visual studio code/vs-code_006.png
--------------------------------------------------------------------------------
/assets/wiki/visual studio code/vs-code_007.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NicklessOne/osib-frontend-pt/f89d34167a26e5f1b3eb0775ca5d199d73a82807/assets/wiki/visual studio code/vs-code_007.png
--------------------------------------------------------------------------------
/extras/FORUM.md:
--------------------------------------------------------------------------------
1 | # Fórum
2 |
3 | Sejam bem vindos ao Fórum da OSIB: Frontend, um espaço para que vocês possam fazer novas amizades, tirar as suas dúvidas, crescer juntos e fazer aquele bom e velho network!
4 |
5 | > **Disclaimer:** _As opiniões publicadas no fórum são de inteira responsabilidade de seus autores e não refletem, necessariamente, o posicionamento da organização._
6 |
7 | _____
8 |
9 | # Sumário
10 |
11 | - [Antes de perguntar, pesquise!](#antes-de-perguntar-pesquise)
12 | - [Pesquise no fórum](#pesquise-no-fórum)
13 | - [Pesquise na internet](#pesquise-na-internet)
14 | - [Como perguntar](#como-perguntar)
15 | - [Sobre o que perguntar](#sobre-o-que-perguntar)
16 | - [Outros pontos](#outros-pontos)
17 | - [Como utilizar o Fórum](#como-utilizar-o-fórum)
18 | - [Como criar uma pergunta/discussão?](#como-criar-uma-perguntadiscussão)
19 | - [Sua pergunta foi respondida?](#sua-pergunta-foi-respondida)
20 | - [Ajude e seja reconhecido!](#ajude-e-seja-reconhecido)
21 | - [Sobre trechos de código...](#sobre-trechos-de-código)
22 | - [Código de Conduta](#código-de-conduta)
23 | - [Linguagem](#linguagem)
24 | - [Como receber atualizações do Fórum](#como-receber-atualizações-do-fórum)
25 |
26 | ---
27 |
28 | # Antes de perguntar, pesquise!
29 |
30 | Uma habilidade essencial para os desenvolvedores é saber fazer boas pesquisas. Muitas das dúvidas de iniciantes podem ser respondidas com pesquisas simples, portanto antes de postar sua dúvida certifique-se de que fez as pesquisas necessárias e traga para dentro da pergunta/discussão os dados que encontrou e os dados que não encontrou sobre o assunto.
31 |
32 | ## Pesquise no fórum
33 |
34 | 1. Utilize a função de busca no topo desse repositório (certifique-se de não estar em um *fork*).
35 |
36 | 2. Pesquise assuntos próximos, talvez sua dúvida possa ter sido respondida em alguma pergunta/discussão parecida.
37 |
38 | ## Pesquise na internet
39 |
40 | 1. Caso sua dúvida seja sobre uma linguagem ou ferramenta específica, busque sua dúvida na documentação oficial dessa linguagem/ferramenta.
41 |
42 | 2. Caso o item acima não resolva, utilize preferencialmente o [Google](https://www.google.com).
43 |
44 | 3. Tente pesquisar em inglês, nem que pra isso precise recorrer ao [Google Translate](https://translate.google.com).
45 |
46 | 4. Dê preferência para resultados de documentações oficiais e fóruns especializados, exemplo:
47 | - [Mozilla Developer Network (MDN)](https://developer.mozilla.org/pt-BR/)
48 | - [StackOverflow](https://stackoverflow.com/)
49 |
50 | # Como perguntar
51 |
52 | Concentre suas perguntas em problemas reais. Inclua detalhes sobre o que você tentou e exatamente o que você está tentando fazer.
53 |
54 | O ideal é que antes de criar uma dúvida você tente resolver o problema sozinho, na grande maioria das vezes uma breve busca no Google pode te ajudar a encontrar uma solução.
55 |
56 | ## Sobre o que perguntar
57 |
58 | Pergunte sobre:
59 | - Como resolver um determinado problema ex: `Como alterar a cor de fundo de uma div com CSS`.
60 | - Como executar uma determinada tarefa ex: `Como consumir um webservice REST com JavaScript`.
61 | - Como otimizar um trecho de código ex: `Como percorrer todas as propriedades de um objeto rapidamente`.
62 |
63 | > **Atenção:** _**Não peça para perguntar! Não há necessidade de escrever "Existe alguém que possa me ajudar com X?", basta perguntar sobre X**._
64 |
65 | ## Outros pontos
66 |
67 | - Lembre-se de pesquisar bastante antes de abrir uma pergunta/discussão, existem boas chances da sua dúvida já ter sido respondida e estar documentada pela internet.
68 |
69 | - Discussões são sempre bem-vindas, desde que respeitem o nosso [Código de Conduta](CODE_OF_CONDUCT.md) e não fujam do propósito da comunidade. Ao formular uma discussão, tente ser o mais direto possível sobre o que você pretende abordar e, se necessário, abra mais de uma thread, uma para cada assunto.
70 |
71 | - Escreva o português de forma correta e bem pontuada.
72 |
73 | - Evite sair do escopo inicial da pergunta/discussão. Caso necessário, crie uma nova pergunta/discussão e mencione a pergunta/discussão anterior.
74 |
75 | - Se precisar de ajuda em um código, forneça trechos, [Gists](https://gist.github.com/) e lembre-se, ninguém tem a obrigação de resolver seu problema.
76 |
77 | - Não faça um monólogo que só fala de si mesmo. Interaja com as respostas, cite pessoas, gere uma discussão saudável e construtiva. Quanto mais informações, mais rico nosso ambiente será e ajudará mais pessoas.
78 |
79 | # Como utilizar o Fórum
80 |
81 | ## Como criar uma pergunta/discussão?
82 |
83 | Na aba **Discussions** basta clicar no botão **New discussion**, na próxima página, basta escolher entre as 4 diferentes categorias.
84 |
85 |
86 | 
87 |
88 |
89 | - **[Avisos]**: Atualizações da Staff para a comunidade
90 | - **Apresente-se**: Nos diga quem é você, o que você faz, porque se interessou pela área, etc...
91 | - **Discussão**: Proponha discussões ou reflexões sobre assuntos relacionados a profissão.
92 | - **Mostre seu projeto**: Mostre o projeto que você fez no final de algum módulo ou o seu projeto final, peça feedback, compartilhe sua experiência e avalie o projeto de outros alunos.
93 | - **Perguntas e Respostas**: Pergunte e ajude a comunidade! =D
94 |
95 | Após selecionar a categoria, basta adicionar um título bem detalhado e caprichar no texto. Lembre-se de seguir [os passos corretos](#como-perguntar) ao criar uma pergunta/discussão.
96 |
97 | ## Sua pergunta foi respondida?
98 |
99 | Se alguém respondeu sua pergunta corretamente, não deixe de marcar a resposta como respondida. Isso ajuda a filtrar as perguntas, além de dar um ponto para o colega que te ajudou e incentivar que as pessoas se ajudem mais e mais.
100 |
101 |
102 | 
103 |
104 |
105 | ## Ajude e seja reconhecido!
106 |
107 | Toda vez que alguém faz uma pergunta e sua resposta for marcada como correta, você ganha um ponto. Quanto mais pontos você juntar, maior a chance de você aparecer no ranking das pessoas que mais ajudam.
108 |
109 |
110 | 
111 |
112 |
113 | Além disso, seu perfil no GitHub também irá mostrar quantas discussões você já respondeu!
114 |
115 |
116 | 
117 |
118 |
119 | ## Sobre trechos de código...
120 |
121 | Para facilitar a visualização de quem vai ler sua pergunta/discussão, coloque seu código no [Codepen](https://codepen.io/) (recomendadíssimo) ou no [Gist](https://gist.github.com/). Assim quem for te ajudar conseguirá ver seu código em funcionamento, facilitando as dicas.
122 |
123 | # Código de Conduta
124 |
125 | [Nosso Código de Conduta](CODE_OF_CONDUCT.md).
126 |
127 | # Linguagem
128 |
129 | **Todas** as discussões devem ser abertas e respondidas em **pt-br**.
130 |
131 | # Como receber atualizações do Fórum
132 |
133 | Você pode receber atualizações do Fórum no seu email ou via notificações do GitHub, basta clicar em **Watch**, em seguida, basta ir em **Custom** e marcar a opção de **Discussions**.
134 |
135 | 
136 |
137 | _____
138 |
139 |
140 | 
141 |
--------------------------------------------------------------------------------
/extras/READINGS.md:
--------------------------------------------------------------------------------
1 | # Leituras Recomendadas
2 |
3 | Este documento consiste em ótimos livros sobre Programação e/ou desenvolvimento Frontend. Alguns estão aqui porque há um projeto que cobre o mesmo material; alguns são apenas ótimos livros que você deve ler em algum momento de sua carreira.
4 |
5 | Depois de concluir a maior parte do currículo, saber se um livro vale o seu tempo se tornará mais fácil ou, se você está tendo dificuldades em um dos cursos, talvez a leitura de um livro sobre o assunto ajude.
6 |
7 | É importante deixar claro que os links aqui presentes são links patrocinados. Quando você compra utilizando um desses links você colabora para que esse projeto continue. 💗
8 |
9 | - [Leituras Recomendadas](#leituras-recomendadas)
10 | - [Starter](#starter)
11 | - [HTML/CSS Básico](#htmlcss-básico)
12 | - [Javascript Básico](#javascript-básico)
13 | - [Javascript: Clean Code](#javascript-clean-code)
14 | - [Essentials](#essentials)
15 | - [Web Design Responsivo](#web-design-responsivo)
16 | - [Javascript Essentials](#javascript-essentials)
17 | - [Intermediate](#intermediate)
18 | - [Javascript: ReactJS Básico](#javascript-reactjs-básico)
19 | - [Advanced](#advanced)
20 | - [Matemática para Programadores](#matemática-para-programadores)
21 | - [Javascript: Design Patterns](#javascript-design-patterns)
22 | - [Javascript: Estruturas de Dados](#javascript-estruturas-de-dados)
23 |
24 | ---
25 |
26 | ## Starter
27 |
28 | ### HTML/CSS Básico
29 |
30 | | Nome | Autor Principal | Versão Inglês | Versão Português |
31 | | :--- | :-------------: | :-----------: | :--------------: |
32 | | - | - | Link | Link |
33 |
34 | ### Javascript Básico
35 |
36 | | Nome | Autor Principal | Versão Inglês | Versão Português |
37 | | :--- | :-------------: | :-----------: | :--------------: |
38 | | - | - | Link | Link |
39 |
40 | ### Javascript: Clean Code
41 |
42 | | Nome | Autor Principal | Versão Inglês | Versão Português |
43 | | :--- | :-------------: | :-----------: | :--------------: |
44 | | - | - | Link | Link |
45 |
46 | ## Essentials
47 |
48 | ### Web Design Responsivo
49 |
50 | | Nome | Autor Principal | Versão Inglês | Versão Português |
51 | | :--- | :-------------: | :-----------: | :--------------: |
52 | | - | - | Link | Link |
53 |
54 | ### Javascript Essentials
55 |
56 | | Nome | Autor Principal | Versão Inglês | Versão Português |
57 | | :--- | :-------------: | :-----------: | :--------------: |
58 | | - | - | Link | Link |
59 |
60 | ## Intermediate
61 |
62 | ### Javascript: ReactJS Básico
63 |
64 | | Nome | Autor Principal | Versão Inglês | Versão Português |
65 | | :--- | :-------------: | :-----------: | :--------------: |
66 | | - | - | Link | Link |
67 |
68 | ## Advanced
69 |
70 | ### Matemática para Programadores
71 |
72 | | Nome | Autor Principal | Versão Inglês | Versão Português |
73 | | :--- | :-------------: | :-----------: | :--------------: |
74 | | - | - | Link | Link |
75 |
76 | ### Javascript: Design Patterns
77 |
78 | | Nome | Autor Principal | Versão Inglês | Versão Português |
79 | | :--- | :-------------: | :-----------: | :--------------: |
80 | | - | - | Link | Link |
81 |
82 | ### Javascript: Estruturas de Dados
83 |
84 | | Nome | Autor Principal | Versão Inglês | Versão Português |
85 | | :--- | :-------------: | :-----------: | :--------------: |
86 | | - | - | Link | Link |
87 |
--------------------------------------------------------------------------------