Repositório do Minicurso de Programação Híbrida com PWA com Vue.js UFMS 2018.2
Sobre este repositório:
Oque é?
* Projeto de Ensino do programa PET-SISTEMAS e NERDS da Fronteira.
Motivação:
* Despertar o interesse dos acadêmicos para o mundo de aplicações híbridas (Lado PWA da Força ).
Objetivo:
* Ensinar as principais técnicas de desenvolvimento Android, apresentando as
ferramentas e os principais componentes do processo de desenvolvimento de um aplicativo.
Sobre o minicurso:
Nome: Programação Híbrida com PWA com Vue.js UFMS 2018.2
Semestre: 2018.2
Unidade: UFMS - FACOM
Grupos: PET-SISTEMAS e NERDS da Fronteira
Palavras-chave: Programação, PWA, Híbrido, Vue.js, FACOM, UFMS
Orientador:
Docente: Renato Ishii
E-mail: renato@facom.ufms.br
Unidade: UFMS - CPPP
Grupo: PET SISTEMAS
Ministrante do minicurso:
Discente: Mário de Araújo Carvalho
E-mail: mariodearaujocarvalho@gmail.com
GitHub: https://github.com/MarioDeAraujoCarvalho
Unidade: UFMS - FACOM
Grupo: NERDS da Fronteira
Material de Apoio:
W3C Schols: Uma das melhores documentação das tecnologias usadas na Web.
Link: https://www.w3schools.com/
Vue.js: The Progressive JavaScript Framework.
Link: https://vuejs.org/
Vuetify.js: Material Design Component Framework.
Link: https://vuetifyjs.com/pt-BR/
NPM: NPM is the package manager for JavaScript and the world’s largest software registry.
Link: https://www.npmjs.com/
O minicurso será dividido em módulos. Cada módulo, iremos aprender coisas novas, interessantes e legais. As aulas serão dinâmicas e sempre serão feitos projetos práticos para fixar o aprendizado. Ao todo serão 9 módulos:Módulo 00 - Introdução ao minicurso
Módulo 01 - Versionamento de código com GIT
Módulo 02 - HTML: Teoria e Prática do Zero
Módulo 03 - CSS: Teoria e Prática do Zero
Módulo 04 - JavaScript: Teoria e Prática do Zero
Módulo 05 - Vue.js: Teoria e Prática do Zero
Módulo 06 - Vuetify: Teoria e Prática do Zero
Módulo 07 - Depuração, boas práticas, publicação e performance.
Módulo 08 - Projeto Final: A decidir
"Niguém baterá tão forte quanto a vida. Porém, não se trata de quão forte pode bater, se trata de quão forte pode ser atingido e continuar seguindo em frente. É assim que a vitória é conquistada."
~ Rocky Balboa
Histórico de go-ahead's: GO-AHEAD.md
Acesse agora: TOOL-WEEK.md
Aulas: Todas as sextas-feirasHorários: Sempre das 9:00 às 10:45 Vivemos no século XXI. Uma nota não é capaz de definir o quanto sabemos ou somos capazes de saber e fazer. Vamos aprender a teoria, mais o foco será a prática. A presença será de extrema importância. Introdução ao minicurso:
O que é o minicurso? O que iremos aprender? Quais as ferramentas vamos usar? Nível de conhecimento mínimo e boas vindas.
Conteúdo Aula 01 (28/09/2018): * Apresentação do ministrante * Apresentação do curso * Motivação * Oque é PWA? * PWA tem vaga? * O que é o minicurso? * O que iremos aprender? * Quais as ferramentas vamos usar? * Explorando os sites que vamos usar como referência * Nível de conhecimento mínimo * Importância do software livre * Filosofia do curso * Metodologia Kanban * Trello: Teoria e Prática * Boas vindas * Perguntas e respostasVersionamento de código com GIT:
Introdução ao Git. Criando uma conta no Github. O que é o git? O que iremos aprender Quais as ferramentas vamos usar? Nível de conhecimento mínimo... e muito mais!
Conteúdo Aula 02 (05/10/2018): * Introdução ao Git * Motivação: Porque versionar o código? * Criando uma conta no Github.comHTML: Teoria e Prática do Zero:* O que é o Git? * O que iremos aprender? * Porque começar com Github.com? * Termos frequentes de um repositório Git * Termos: master,clone,commit,fetch ou pull,push,remote,SHA,head,branch * Quais as ferramentas instalar e usar? * Criando uma conta no Github.com * Configurando meu perfil * Criando o meu primerio repositório Aula 03 (19/10/2018): * Configurando o Git com nossas credênciais do GitHub via 'git config' * Verificando se as credênciais estão corretas com 'git config --list' * Inicializando o repositório via 'terminal' * Inicializando o repositório via 'git clone' * Verificando a existência de alterações via 'git status' * Comitando alterações no meu repositório * Entendendo toda a estrutura do Github: * Nível estrutual: Code, Issues, Pull requests, Projects, Wiki, Insights, Settings * Nível projeto: Commits, Branch, Release, Contributor, License * Criando e entendendo o arquivo .gitignore * Excluíndo repositórios no Github * Usando o VSCode para trabalhar com o Git * Instalando plugins no VSCode * O que é Markdown? * Porque usar o Markdown? * Criando um arquivo README.md * Editando arquivos '.md' via VSCode * Onde eu acho as referências * Oque posso aprender para virar um GitMaster? * Como conseguir uma conta Student do Github Education? ** Projeto Prático: Criando, entendendo e versionando projetos.
Introdução a linguagem HTML. Entendedo a estrutura, trabalhando com TAG's... Nível de conhecimento mínimo... e muito mais!
ConteúdoCSS: Teoria e Prática do Zero:
Introdução a linguagem CSS. Entendedo a estrutura, trabalhando com TAG's, classes e ID's... Nível de conhecimento mínimo... e muito mais!
ConteúdoJavaScript: Teoria e Prática do Zero:
Introdução a linguagem JavaScript. Entendedo a estrutura, trabalhando com TAG's, classes e ID's... Nível de conhecimento mínimo... e muito mais!
ConteúdoBootstrap: Teoria e Prática do Zero:
Introdução a framework Bootstrap. Entendedo a estrutura, trabalhando com TAG's, classes e ID's... Nível de conhecimento mínimo... e muito mais!
Conteúdo
Códigos e apresentações desenvolvidos durante o minicurso
Os códigos e apresentações disponibilizadas nesse repositório são totalmente
gratuitos e estão sobre a Licença Apache 2.0 e podem ser usuados
segundo os termos da licença.
Extra 01 - Minicurso gratuito versionamento com Git e Github
Tudo que você precisa para começar a versionar seus arquivos e contribuir com a comunidade opensource.
Segue o link:
Git e Github para iniciantes - By ♥ Udemy
Extra 02 - Github Education
Não há substituto para a experiência prática, mas para a maioria dos estudantes, as ferramentas do mundo real podem ter um custo muito alto. É por isso que criamos o GitHub Student Developer Pack com alguns de nossos parceiros e amigos: para oferecer aos alunos acesso gratuito às melhores ferramentas de desenvolvedor em um só lugar, para que possam aprender fazendo.
Segue o link:
Student Developer Pack - GitHub Education - By ♥ Github.com
Copyright 2017 Mário de Araújo Carvalho
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.