Check if first letter of sentence is capital or not using Javascript
Check if first letter of sentence is capital or not
Check if first letter of sentence is capital or not using Javascript Read More »
Create a SignUp form with Vue Js
We will create a signup form with Email, Password, Role, Education etc. First on all install the vue cli Now create a vue project from the cli Now cd into web-form directory Here you can start the web server using below command Now lets start building the vue Signup form First go to src/components directory,
Create a SignUp form with Vue Js Read More »
Caesars Cipher using javascript arrow functions
Here we will take ROT13 encoded string as input and returns a decoded string.
Caesars Cipher using javascript arrow functions Read More »
How to hide or show details using v-if and v-show directive in Vue JS
Conditional rendering can be achieved using v-ifConditional display can be achieved using v-show First create a vue project using vue cli Now change directory start the server Lets start building the VUE component inside src/components/showHide.vue Remove HelloWorld.vue component and register showHide.vue component in App.vue Your showHide.vue component will look like this:
How to hide or show details using v-if and v-show directive in Vue JS Read More »
How to check Vue js version
There are few ways to check vue js version: npm v vue run this on the terminal Check package.json, code will be something like this If you have vue dev tools installed then go to the Vue tab and you should be able to see the version there
How to check Vue js version Read More »
Measure execution time of a function using javascript
You can measure the performance of javascript code using console.time() function. This can be helpful in debugging and optimizing code which is taking lot of memory. console.time() can be used with console.timeEnd(). console.timeEnd() function tells console to stop calculating the time. You will see result as below: Running loop :0 timesRunning loop :1 timesRunning loop
Measure execution time of a function using javascript Read More »
Check if it’s a blog post or page in WordPress
1) Check Page type using is_page() function 2) Check Page using get_post_type() function 3) Check Page using post() function 4) Check Post type using is_single() function 5) Check Post type using get_post_type() function 6) Check Post type using get_post() function
Check if it’s a blog post or page in WordPress Read More »
Count number of same characters in a string and display in the array using javascript
Count number of same characters in a string and display in the array using javascript
Count number of same characters in a string and display in the array using javascript Read More »
Convert binary to english characters using javascript
One-liner solution with ES6 syntax
Convert binary to english characters using javascript Read More »
Flatten a nested array using javascript
You can loop through the array entries, check if it’s an array with isArray() and recursively flatten the entries of the array as below:
Flatten a nested array using javascript Read More »
How to resolve esm-bundler build warning when running vue 3 and laravel 8
When running npm run watch below warning is displayed: Warning details: You can add below code in webpack.mix.js to the get rid of this warning Used Define Plugin to set two flags – https://webpack.js.org/plugins/define-plugin/ VUE_OPTIONS_API (enable/disable Options API support, default: true)VUE_PROD_DEVTOOLS (enable/disable devtools support in production, default: false)
How to resolve esm-bundler build warning when running vue 3 and laravel 8 Read More »
How to turn off autoplay for youtube videos url
How to turn off autoplay for youtube videos url? Its quiet annoying to have autoplay for videos on the website and can put off visitors on the websiteThe simple way is to auto turn off the autoplay setting to 0 in the query string parameters of thr url. For example your website youtube link is
How to turn off autoplay for youtube videos url Read More »
Check if a string is a palindrome or not using javascript
What is a palindrome? Palindrome is a word or phrase which reads same if reversed. For example – if we reverse Racecar it will read the same both backward or forwards. A few examples of words that are palindrome are Noon, Racecar, Wow, Refer, etc.
Check if a string is a palindrome or not using javascript Read More »
Count words for a textarea field using javascript
Count words for a textarea field using javascript
Count words for a textarea field using javascript Read More »
How to draw tick on an image using vue js
Create two css class draw to give white background box on which we will draw the check or dot and get the X and Y coordinates. Link Vue Js CDN to use Vue framework Create an instance of Vue and create app id Now create drawDot() and drawCheck() methods to add Check or Dot and
How to draw tick on an image using vue js Read More »
Convert string into an url slug using javascript
Convert string into an url slug using javascript
Convert string into an url slug using javascript Read More »
Sort an array using javascript
Sort an array using javascript
Sort an array using javascript Read More »
Movie search application using Vue JS and Laravel framework using OMDb API – The Open Movie Database
A laravel movie search application using Vue JS, Vue Composition API and OMDBAI API. OMDBAI is used to fetch the movies data from https://www.omdbapi.com/ Requirements Installation You will need to gety API key from the OMDb API and update in /resources/js/components/movieapi/movie-api.js file Once you are done with the above steps, now its time to start building the movie
Make every first letter of a word capitalized in a sentence using javascript
Make every first letter of a word capitalized
Make every first letter of a word capitalized in a sentence using javascript Read More »
Convert Celsius to Fahrenheit using javascript
Convert Celsius to Fahrenheit using javascript
Convert Celsius to Fahrenheit using javascript Read More »
Generate random user using Vue.js
Create below three files in a folder index.html app.js style.css We will be using Vue js CDN version 3.0.5<script src=”https://unpkg.com/[email protected]″></script> First we will create index.html with below code. In this code id=”app” will display the output based on the Vue components. Now create vue app using below code and print “Hello World!!” Now you can run
Generate random user using Vue.js Read More »
Node JS questions and answers application
Here we are creating a questions.js file in which we will declare an array of questions and user will be prompted to provide the answers. Then we will display the out on console. To run the javascript file, please install nodejs and run node questions command.
Node JS questions and answers application Read More »
Fizz Buzz Test using javascript
Fizz Buzz Print the numbers from 1 to 100. Multiples of three print “Fizz” with the number and for the multiples of five print “Buzz” with the number. If number is multiples of both three and five display “FizzBuzz” and number.
Fizz Buzz Test using javascript Read More »
How to create permutations for an array using javascript
Create permutations for an array using javascript
How to create permutations for an array using javascript Read More »
How to create combinations of an array using javascript?
Create combinations of an array using javascript
How to create combinations of an array using javascript? Read More »
How to create multiple browsers using laravel dusk?
Run below srtisan command to generate the test class file Now you can run this test with below artisan command If you get error – Error: Call to undefined function Tests\Browser\factory()the run below command to include the legacy factory
How to create multiple browsers using laravel dusk? Read More »