How to build webcomponentjs v0 polyfill and include in angular

Loading

Reading Time: < 1 minute 1) git clone https://github.com/webcomponents/webcomponentsjs repository 2) check out v0 branch 3) install gulp globally npm install -g gulp 4) build webcomponentjs manually npm install gulp build 5) Find the generate js files in dist/ folder 6) Copy webcomponents.min.js to assets folder of angular project 7) import webcomponents.min.js to polyfill.ts import “./assets/webcomponents.min”;

Create custom element in angular 6

Loading

Reading Time: 2 minutes 1) Create Angular Project ng new <project name> –prefix custom –style=scss –skip-tests 2) Use schematics to add angular element support ng add @angular/elements 3) Use angular-cli to generate new component and specify encapsulation is ViewEncapsulation.Native 4) REmove the document-create-element polyfill from script array. 5) Install custom-lements polyfill, “@webcomponents/custom-elements” yarn add @webcomponents/custom-elements 6) Update polyfills.ts to … Read more

Articles I want to read

Loading

Reading Time: < 1 minute Tensorflow https://towardsdatascience.com/how-to-build-a-gesture-controlled-web-based-game-using-tensorflow-object-detection-api-587fb7e0f907 Ngrx https://medium.com/@bo.vandersteene/advanced-pagination-with-ngrx-store-and-angular-5-f26ca4761cef https://medium.com/@vlado.tesanovic/handling-keyboard-shortcuts-in-angular-with-redux-ngrx-c88907f17ca8 Angular https://blog.angularindepth.com/angular-ivy-change-detection-execution-are-you-prepared-ab68d4231f2c https://medium.com/frontend-coach/self-or-optional-host-the-visual-guide-to-angular-di-decorators-73fbbb5c8658 https://medium.com/@davidibl/advanced-reusable-custom-angular-validator-9ca5febef583 https://malcoded.com/posts/web-assembly-angular?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more JS Using trampolines to manage large recursive loops in JavaScript React Native https://medium.freecodecamp.org/after-building-my-first-react-native-app-im-now-convinced-it-s-the-future-d3c5e74f8fa8

ExploreJS online book

Loading

Reading Time: < 1 minute Explore ES6, ES2016 – ES2017, ES2018 http://exploringjs.com/ ES6 http://exploringjs.com/es6/index.html ES2016 – ES2017 http://exploringjs.com/es2016-es2017/index.html ES2018 http://exploringjs.com/es2018-es2019/toc.html

codebuddies contributions (As of May 24, 2018)

Loading

Reading Time: < 1 minute Make 3 Pull Requests to https://github.com/codebuddiesdotorg/codebuddies repo Join study group prompt login #830 Add global activity feed on home logged out page #871 Send notification to Facebook and Slack when hangout time has been changed. codebuddies 1.1 release. https://github.com/codebuddies/codebuddies/releases/tag/1.1

Import bootstrap-sass in vuejs

Loading

Reading Time: < 1 minute 1) yarn add bootstrap bootstrap-sass node-sass sass-loader yarn add boostrap bootstrap-sass node-sass sass-loader 2) Set $icon-font-path to find font files and import variable.scss and _bootstrap.scss $icon-font-path: “~bootstrap-sass/assets/fonts/bootstrap/”; @import “~bootstrap-sass/assets/stylesheets/bootstrap/variables”; @import “~bootstrap-sass/assets/stylesheets/_bootstrap.scss”; 3) In main.js, require(‘./assets/sass/main.scss’); 4) type yarn serve to launch application in development mode. Index page should open at url http://localhost:8080. yarn serve https://github.com/vuejs-templates/webpack/issues/166 … Read more

Projects built in May, 2018

Loading

Reading Time: < 1 minute Vue Scroll Spy NavBar Demo: https://railsstudent.github.io/vue-scroll-spy-navbar/ Repo: https://github.com/railsstudent/vue-scroll-spy-navbar Animated Image Search using Pixable API Demo: https://railsstudent.github.io/vue-animated-image-search/ Repo: https://github.com/railsstudent/vue-animated-image-search/ Timezone Converter (Used time-convert.js built from ng-time-converter project) Demo: https://railsstudent.github.io/vue-time-converter/ Repo: https://github.com/railsstudent/vue-time-converter CSS Grid Simple portfolio site for May 18th side project sharing Demo: https://railsstudent.github.io/portfolio/ Repo: https://github.com/railsstudent/portfolio Angular Angular Custom Timezone Converter Demo: http://yummy-trick.surge.sh/ Repo: https://github.com/railsstudent/ng-time-converter

codebuddies contributions (As of May 3, 2018)

Loading

Reading Time: < 1 minute Make 5 Pull Requests to https://github.com/codebuddiesdotorg/codebuddies repo Opt out of auto-tweeted learnings – You can now opt out of auto-tweeting your learnings when you share a learning Github signin link added to the home page Bug fix: owner of completed hangout can create a hangout from the same page (broken button) Bug fix: hide google … Read more