├── 2018-11-24 ├── PWA_com_Vue │ ├── README.md │ └── Talk.pdf ├── Pre_Processadores │ └── README.md ├── README.md └── react_form │ ├── README.md │ └── react-forms.pdf ├── 2018-12-22 └── Vue-SSR │ └── README.md ├── 2019-01-19 └── Formik ├── 2019-03-23 └── readme.md ├── 2019-07-06 ├── Estilizando aplicações sem frameworks absurdos.pdf ├── Meetup 6_ React-spring.pdf └── apresentacao - frontendce.pptx.pdf ├── 2020-02-02 ├── Desenvolvendo software com uma mentalidade de testes-1.pdf ├── Javascript Event Loop.md ├── React_ Em busca da primeira oportunidade.pdf ├── Scss avançado.pdf ├── Vixe um Bug e agora.pdf └── open-source-recipe.md ├── README.md └── workshops ├── 09-fev-19 ├── README.md └── vue-firebase-fb │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── public │ ├── favicon.ico │ └── index.html │ └── src │ ├── App.vue │ ├── assets │ └── logo.png │ ├── components │ ├── HelloWorld.vue │ ├── Home.vue │ └── Login.vue │ ├── main.js │ ├── router.js │ └── views │ ├── CreateAccount.vue │ ├── Home.vue │ └── Login.vue └── README.md /2018-11-24/PWA_com_Vue/README.md: -------------------------------------------------------------------------------- 1 | ## [#1 Meetup Frontend CE - Palestra sobre Vue.js com PWA](https://www.meetup.com/pt-BR/frontend-ce/) 2 | 3 | 4 | ![frontend-ce](https://secure.meetupstatic.com/photos/event/3/d/3/6/600_476355670.jpeg) 5 | 6 | 7 | ##### Talk 8 | ``` 9 | Como objetivo de apresentar um pouco sobre VUE.JS e os conceitos sobre Progressive web apps. 10 | ``` 11 | 12 | ##### Link's 13 | 14 | ###### [Init vuejs-templates/pwa](https://github.com/vuejs-templates/pwa) 15 | ``` 16 | https://github.com/vuejs-templates/pwa 17 | ``` 18 | ###### [Uma visão geral das APIs HTML5 de integração de dispositivos.](https://whatwebcando.today/) 19 | ``` 20 | https://whatwebcando.today/ 21 | ``` 22 | 23 | ###### [Exemplos de PWA](https://pwa.rocks/) 24 | ``` 25 | https://pwa.rocks/ 26 | ``` 27 | ###### [Exemplo projeto na talk](https://github.com/FranciscoWallison/Laravel-Vue.js) 28 | ``` 29 | https://github.com/FranciscoWallison/Laravel-Vue.js 30 | ``` 31 | 32 | 33 | -------------------------------------------------------------------------------- /2018-11-24/PWA_com_Vue/Talk.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2018-11-24/PWA_com_Vue/Talk.pdf -------------------------------------------------------------------------------- /2018-11-24/Pre_Processadores/README.md: -------------------------------------------------------------------------------- 1 | ## [#1 Meetup Frontend CE - Palestra sobre Pré-processadores CSS](https://www.meetup.com/pt-BR/frontend-ce/) 2 | 3 | 4 | ![frontend-ce](https://secure.meetupstatic.com/photos/event/3/d/3/6/600_476355670.jpeg) 5 | 6 | 7 | ##### Talk 8 | ``` 9 | O objetivo foi falar um pouco sobre o poder dos pré-processadores CSS 10 | ``` 11 | 12 | ##### Link's 13 | 14 | ###### [Link da palestra](https://slides.com/igorsousa/pre-processadores) 15 | ``` 16 | https://slides.com/igorsousa/pre-processadores 17 | ``` 18 | 19 | ###### [Referência do conteúdo](http://matheusazzi.com/pre-processadores-css) 20 | ``` 21 | http://matheusazzi.com/pre-processadores-css 22 | ``` 23 | 24 | Conteúdo fornecido por [@igorsousafront](https://github.com/igorsousafront) 25 | -------------------------------------------------------------------------------- /2018-11-24/README.md: -------------------------------------------------------------------------------- 1 | ## #1 Meetup Front-End CE 2 | --- 3 | - **Onde?** GreenMile Brasil (Fortaleza) 4 | - **Quando?** 24 de Novembro, a partir das 9h 5 | 6 | ## Palestras 7 | - **Francisco Wallison**, *PWA com Vue* 8 | - **Igor Sousa**, *Pré Processadores* 9 | - **Adalto Júnior**, *Forms em React* -------------------------------------------------------------------------------- /2018-11-24/react_form/README.md: -------------------------------------------------------------------------------- 1 | ## [#1 Meetup Frontend CE - Palestra sobre React Forms](https://www.meetup.com/pt-BR/frontend-ce/) 2 | 3 | 4 | ![frontend-ce](https://secure.meetupstatic.com/photos/event/3/d/3/6/600_476355670.jpeg) 5 | 6 | 7 | ##### Talk 8 | ``` 9 | O objetivo foi falar um pouco sobre como construir formulários com o react. Partindo de um exemplo sem uso de framworks/libs finalizando com a comparação entre duas das bibliotecas mais utilizadas pela comunidade. 10 | ``` 11 | 12 | ##### Link's 13 | 14 | ###### [Link da palestra](https://www.slideshare.net/AdaltoJunior/react-forms) 15 | ``` 16 | https://www.slideshare.net/AdaltoJunior/react-forms 17 | ``` 18 | 19 | Conteúdo fornecido por [@adaltojunior86](https://github.com/adaltojunior86) 20 | -------------------------------------------------------------------------------- /2018-11-24/react_form/react-forms.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2018-11-24/react_form/react-forms.pdf -------------------------------------------------------------------------------- /2018-12-22/Vue-SSR/README.md: -------------------------------------------------------------------------------- 1 | ## [#2 Meetup Frontend CE - Vue.js + SSR, o mundo dos sonhos ](https://www.meetup.com/pt-BR/frontend-ce/) 2 | 3 | 4 | ![frontend-ce](https://secure.meetupstatic.com/photos/event/3/d/3/6/600_476355670.jpeg) 5 | 6 | 7 | ##### Talk 8 | ``` 9 | A web evolui todos os dias mas, o que os browsers sabem fazer de melhor? Com SSR podemos dar a oportunidade do browser fazer o que ele foi feito para fazer, interpretar HTML. Veremos como a renderização do lado do servidor juntamente com o framework Vue.js melhoram nossas aplicações e as põe no mundo dos sonhos. 10 | ``` 11 | 12 | ##### Link's 13 | 14 | ###### [Apresentação](https://www.slideshare.net/GabrielBibiano3/vuejs-ssr-o-mundo-dos-sonhos) 15 | ``` 16 | https://www.slideshare.net/GabrielBibiano3/vuejs-ssr-o-mundo-dos-sonhos 17 | ``` 18 | ###### [Exemplos](https://github.com/ErickPetru/vue-summit-ssr) 19 | ``` 20 | https://github.com/ErickPetru/vue-summit-ssr 21 | ``` 22 | -------------------------------------------------------------------------------- /2019-01-19/Formik: -------------------------------------------------------------------------------- 1 | https://slides.com/bradhick/deck 2 | -------------------------------------------------------------------------------- /2019-03-23/readme.md: -------------------------------------------------------------------------------- 1 | # Slides das Palestras do #4 Meetup da Front-End CE 2 | ## Nunca nem Vue! - João Paulo Cordeiro 3 | https://docs.google.com/presentation/d/1bAoyQX2kwuDFy8j2VCvZxyQozP2Rk25Et8iXFdUNZsc/edit?usp=sharing 4 | 5 | ## Iniciando com Webpack(teoria e prática) - Cícero Viana 6 | https://github.com/cicerohen/get-started-with-webpack 7 | 8 | ## Rematch: Redesigning Redux - Brad Hick 9 | http://tiny.cc/brad-rematch-frontendcd 10 | 11 | ## Entendendo React Native Animations - Ian Ramos 12 | http://slides.com/ianramosc/react-native-animations/ 13 | -------------------------------------------------------------------------------- /2019-07-06/Estilizando aplicações sem frameworks absurdos.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2019-07-06/Estilizando aplicações sem frameworks absurdos.pdf -------------------------------------------------------------------------------- /2019-07-06/Meetup 6_ React-spring.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2019-07-06/Meetup 6_ React-spring.pdf -------------------------------------------------------------------------------- /2019-07-06/apresentacao - frontendce.pptx.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2019-07-06/apresentacao - frontendce.pptx.pdf -------------------------------------------------------------------------------- /2020-02-02/Desenvolvendo software com uma mentalidade de testes-1.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2020-02-02/Desenvolvendo software com uma mentalidade de testes-1.pdf -------------------------------------------------------------------------------- /2020-02-02/Javascript Event Loop.md: -------------------------------------------------------------------------------- 1 | # Carlos José - Javascript Event Loop 2 | [https://slides.com/carlosxjm/event-loop#/](https://slides.com/carlosxjm/event-loop#/) 3 | -------------------------------------------------------------------------------- /2020-02-02/React_ Em busca da primeira oportunidade.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2020-02-02/React_ Em busca da primeira oportunidade.pdf -------------------------------------------------------------------------------- /2020-02-02/Scss avançado.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2020-02-02/Scss avançado.pdf -------------------------------------------------------------------------------- /2020-02-02/Vixe um Bug e agora.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/2020-02-02/Vixe um Bug e agora.pdf -------------------------------------------------------------------------------- /2020-02-02/open-source-recipe.md: -------------------------------------------------------------------------------- 1 | # Open Source Recipe 2 | 3 | > Atualmente você usa alguma tecnologia de código aberto e deseja compartilhar suas ideias legais e um trabalho incrível? Essa apresentação traz informações essenciais para criar projetos Open Source profissionais. Observe que não há uma receita de bolo, não há uma maneira certa - ou errada - ou uma melhor maneira, mas existem algumas boas práticas para manter seu projeto bem visto. 4 | 5 | **Slide:** 6 | 7 | [https://cjpatoilo.com/talks/open-source-recipe](https://cjpatoilo.com/talks/open-source-recipe) 8 | 9 | **Palestrante:** 10 | 11 | [CJ Patoilo](https://twitter.com/cjpatoilo) | [Twitter](https://twitter.com/cjpatoilo) | [GitHub](https://github.com/cjpatoilo) 12 | 13 | **Referencias:** 14 | 15 | - https://opensource.org/osd 16 | - https://opensource.guide 17 | - https://uptodate.frontendrescue.org 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Meetups do Front-End CE 2 | 3 | > Este respositório é destinado a guardar todo conteúdo apresentado por palestrantes nos eventos da Front-End CE 4 | 5 | Caso você tenha dicas, comentários ou sugestões, [deixe seu feedback](http://bit.ly/formfrontce). 6 | 7 | Chega junto, front! 😉 8 | -------------------------------------------------------------------------------- /workshops/09-fev-19/README.md: -------------------------------------------------------------------------------- 1 | ## [Workshops Frontendday Front-End CE](https://www.instagram.com/p/Btex4h_nieF/) 2 | 3 | ![frontendday](https://instagram.ffor10-1.fna.fbcdn.net/vp/942e6e0eef774d2202b8141de15a0352/5D68ADE9/t51.2885-15/e35/50528210_1117942445045539_8851925111163305343_n.jpg?_nc_ht=instagram.ffor10-1.fna.fbcdn.net) 4 | 5 | --- 6 | - **Onde?** FBideias (Fortaleza) 7 | - **Quando?** 09 de Fevereiro, a partir das 08h 8 | 9 | ## Oficinas 10 | - **Francisco Wallison**, *Vue + Firebase* 11 | - **Cicero Viana**, *Iniciando con React* 12 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/README.md: -------------------------------------------------------------------------------- 1 | ## [Workshops Frontendday Front-End CE](https://www.instagram.com/p/Btex4h_nieF/) 2 | 3 | ![frontendday](https://instagram.ffor10-1.fna.fbcdn.net/vp/942e6e0eef774d2202b8141de15a0352/5D68ADE9/t51.2885-15/e35/50528210_1117942445045539_8851925111163305343_n.jpg?_nc_ht=instagram.ffor10-1.fna.fbcdn.net) 4 | 5 | # vue-firebase-fb 6 | 7 | ## Verifica se já foi instalado [node js](https://nodejs.org/en/) 8 | ``` 9 | node -v 10 | ``` 11 | ## Instalar [vue/cli](https://cli.vuejs.org/guide/) 12 | ``` 13 | $ npm install -g @vue/cli 14 | ``` 15 | ## Verifica se foi instalado [Vue](https://vuejs.org/) 16 | ``` 17 | $ vue 18 | ``` 19 | ## Baixar todas as dependências do projeto 20 | ``` 21 | $ npm install 22 | ``` 23 | 24 | ## [CRIAR O PROJETO NO FIREBASE](https://console.firebase.google.com/project/crafrro/authentication/users) 25 | ```ruby 26 | let config = { 27 | apiKey: "", 28 | authDomain: "", 29 | databaseURL: "", 30 | projectId: "", 31 | storageBucket: "", 32 | messagingSenderId: "" 33 | }; 34 | firebase.initializeApp(config); 35 | ``` 36 | 37 | ## Ativar o provedor de login 38 | ``` 39 | # Provedores de login > Método de login > E-mail/senha - Ativado 40 | ``` 41 | ## Testar [projeto](http://localhost:8080/#/) 42 | ``` 43 | npm run serve 44 | ``` -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "teste", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "firebase": "^5.8.2", 12 | "vue": "^2.5.22", 13 | "vue-router": "^3.0.1" 14 | }, 15 | "devDependencies": { 16 | "@vue/cli-plugin-babel": "^3.4.0", 17 | "@vue/cli-plugin-eslint": "^3.4.0", 18 | "@vue/cli-service": "^3.4.0", 19 | "babel-eslint": "^10.0.1", 20 | "eslint": "^5.8.0", 21 | "eslint-plugin-vue": "^5.0.0", 22 | "vue-template-compiler": "^2.5.21" 23 | }, 24 | "eslintConfig": { 25 | "root": true, 26 | "env": { 27 | "node": true 28 | }, 29 | "extends": [ 30 | "plugin:vue/essential", 31 | "eslint:recommended" 32 | ], 33 | "rules": {}, 34 | "parserOptions": { 35 | "parser": "babel-eslint" 36 | } 37 | }, 38 | "postcss": { 39 | "plugins": { 40 | "autoprefixer": {} 41 | } 42 | }, 43 | "browserslist": [ 44 | "> 1%", 45 | "last 2 versions", 46 | "not ie <= 8" 47 | ] 48 | } 49 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/workshops/09-fev-19/vue-firebase-fb/public/favicon.ico -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | teste 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/App.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 31 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontend-ce/meetups/852be5133681e318aeb962fe444047f97d166f11/workshops/09-fev-19/vue-firebase-fb/src/assets/logo.png -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 32 | 33 | 41 | 42 | 43 | 59 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/components/Home.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 20 | 21 | 22 | 38 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/components/Login.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 20 | 22 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import firebase from 'firebase' 5 | 6 | Vue.config.productionTip = false //("Você está executando o Vue no modo de desenvolvimento") 7 | 8 | let app = '' 9 | 10 | // Initialize Firebase criando o projeto Site 11 | /** 12 | * Adicionar o Firebase ao seu aplicativo da Web 13 | * SUAS CONFIGURAÇÕES DO FIREBASE 14 | */ 15 | var config = { 16 | apiKey: "AIzaSyAzi95pn60IA8CH3Knw_AUKrwnLWF3c9Vc", 17 | authDomain: "vue-fireabe-fb.firebaseapp.com", 18 | databaseURL: "https://vue-fireabe-fb.firebaseio.com", 19 | projectId: "vue-fireabe-fb", 20 | storageBucket: "vue-fireabe-fb.appspot.com", 21 | messagingSenderId: "306576921495" 22 | }; 23 | firebase.initializeApp(config); 24 | 25 | /** 26 | * Agora, inicializamos o aplicativo somente quando tiver certeza de que o 27 | * objeto Firebase Auth está pronto para uso. 28 | * */ 29 | 30 | firebase.auth().onAuthStateChanged(() => { 31 | 32 | if(!app){ 33 | app = new Vue({ 34 | router, 35 | render: h => h(App) 36 | }).$mount('#app'); 37 | } 38 | }) 39 | 40 | 41 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/router.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import firebase from "firebase"; 4 | 5 | import Home from '@/views/Home.vue' 6 | import Login from '@/views/Login.vue'; 7 | import CreateAccount from '@/views/CreateAccount.vue'; 8 | 9 | 10 | Vue.use(Router) 11 | 12 | const router = new Router({ 13 | routes: [ 14 | { 15 | path: '*', 16 | component: Login 17 | }, 18 | { 19 | path: '/', 20 | component: Login 21 | }, 22 | { 23 | path: '/login', 24 | name: 'login', 25 | component: Login 26 | }, 27 | { 28 | path: '/home', 29 | name: 'home', 30 | component: Home, 31 | meta: { 32 | requiresAuth: true 33 | } 34 | }, 35 | { 36 | path: '/criar-conta', 37 | name: 'CreateAccount', 38 | component: CreateAccount 39 | } 40 | ] 41 | }) 42 | 43 | 44 | /** 45 | * A função beforeEach aceita três parâmetros, to, from e next e será chamada 46 | * sempre que uma navegação for acionada. 47 | * para o parâmetro é o objeto de rota de destino que está sendo navegado do parâmetro 48 | * é a rota atual sendo navegada para longe. 49 | * O próximo parâmetro é uma função que deve ser chamada para resolver o gancho e pode 50 | * receber argumentos para redirecionar ou anular a navegação (veja mais na documentação) 51 | * Na função beforeEach, recuperamos o currentUser do Firebase e verificamos se a rota pela 52 | * qual desejamos navegar precisa de autenticação, verificando se o objeto route tem a meta requiresAuth. 53 | */ 54 | 55 | router.beforeEach((to, from, next) => { 56 | const currentUser = firebase.auth().currentUser; 57 | const requiresAuth = to.matched.some(record => record.meta.requiresAuth ) 58 | 59 | if (requiresAuth && !currentUser) next('login'); 60 | else if (!requiresAuth && currentUser) next('home'); 61 | else next(); 62 | 63 | }); 64 | 65 | export default router; -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/views/CreateAccount.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 50 | 51 | 53 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/views/Home.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 30 | -------------------------------------------------------------------------------- /workshops/09-fev-19/vue-firebase-fb/src/views/Login.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 68 | 69 | 71 | -------------------------------------------------------------------------------- /workshops/README.md: -------------------------------------------------------------------------------- 1 | # Workshops do Front-End CE 2 | 3 | > Este respositório é destinado a guardar todo conteúdo apresentado por palestrantes nos eventos da Front-End CE 4 | 5 | Caso você tenha dicas, comentários ou sugestões, [deixe seu feedback](http://bit.ly/formfrontce). 6 | 7 | Chega junto, front! 😉 8 | --------------------------------------------------------------------------------