Skip to content

Instantly share code, notes, and snippets.

View webdevstar's full-sized avatar
programming is fun adventure game

webdevstar

programming is fun adventure game
View GitHub Profile
@webdevstar
webdevstar / bootstrap-3-contact-form-with-validation.markdown
Created December 10, 2018 17:50
Bootstrap 3 Contact form with Validation

Bootstrap 3 Contact form with Validation

A contact form built with Bootstrap 3. Field validation with Bootstrap Validator.

A Pen by Jay on CodePen.

License.

@webdevstar
webdevstar / css-animation-circle-loader-with-checkmark-completed-state.markdown
Last active December 10, 2018 14:57
CSS Animation: Circle loader with checkmark completed state
@webdevstar
webdevstar / index.js
Last active November 9, 2018 02:14
Use redux-devtools-extension package from npm
npm install --save-dev redux-devtools-extension
import { devToolsEnhancer } from 'redux-devtools-extension'
const Store = createStore(
devToolsEnhancer(),
...
);
@webdevstar
webdevstar / Keyevent.js
Created September 13, 2018 22:21
React Key events
handleKeyPress = (event) => {
if(event.key == 'Enter'){
console.log('enter press here! ')
}
}
render: function(){
return(
<div>
<input type="text" id="one" onKeyPress={this.handleKeyPress} />
</div>
@webdevstar
webdevstar / filter.js
Last active January 19, 2019 11:42
Filter Example: All Social site(Facebook, Linkedin, VK etc ) filter way...
var countries = [];
var methods = [];
$(document).ready(function(){
function filter (){
$(".wm-courses-popular-wrap").parent().hide();
$(".wm-courses-popular-wrap").toArray().forEach((item) => {
const hasCountry = countries.length > 0 ? countries.indexOf($(item).attr('country')) > -1 : true;
const hasMethod = methods.length > 0 ? methods.indexOf($(item).attr('method')) > -1 : true;
if (hasCountry && hasMethod) {
@webdevstar
webdevstar / connectExample.js
Last active November 9, 2018 02:14
Redux connect example (dispatch & state)
import action from "../../Actions/MyAction";
import Cartbox from "./Cartbox";
import {bindActionCreators} from "redux";
import {connect} from "react-redux";
class Header extends Component {
constructor(props) {
super(props);
}