Forem: pBose

Web development studio survey 2021

pBose — Mon, 13 Sep 2021 18:24:12 +0000

Hello, devs
If you are a web developer and love open-source like me, please help me with this survey for an open-source project.
Please be kind 🙏

https://docs.google.com/forms/d/e/1FAIpQLSegMFgF4URFssc1rhbUrO8l9z88H-n5wM3uBOmP3ntDj6SQ0A/viewform?usp=pp_url&entry.972956920=Nebula

Improve code quality with few clicks

pBose — Sat, 08 May 2021 08:45:01 +0000

SonarLint

SonarLint is an IDE extension that helps you detect and fix quality issues as you write code. Like a spell checker

Supported languages!

Installation

VS Code:

Open VSCode and click on the sidebar Extension menu
Type SonarLint and choose the extension from SonarSource
Click on Install
Reload VSCode

You can check here How it works

Start writting code

Conclusion

Help to grow other developers and yourself.

Love and best wishes to all creators.

If you found this article interesting please consider following me on Twitter, facebook

Words from "guru" 🤩

pBose — Wed, 17 Mar 2021 12:33:37 +0000

Got very busy these days with DECK.

Best part of my career being a developer to help other developers and get experience from them, but exceptionally for me I can feel the joy of creating something for my dev friends and so, I am posting this specially as a post on Dev.to 😎

from guru 🙏

click on link below and check out my inspiration of working on a product for devs

https://dev.to/sfx101/the-new-age-local-web-development-platform-1jmk

Javascript Yoga

pBose — Wed, 06 Jan 2021 08:02:45 +0000

To do yoga with JS I have chosen vscode

Steps:

Open the Editor
Create a folder for your JS code, for me, I am using a folder named JS-yoga and it can be on anywhere.
Create a sub-folder called .vscode
Create a task.json file to run with JS code and add the task run commands in JSON format.

{
    "version": "0.1.0",
    "command": "node",
    "isShellCommand": true,
    "args": [
        "--harmony"
    ],

    "tasks": [
        {
            "taskName": "runFile",
            "isTestCommand": true,
            "suppressTaskName": true,
            "showOutput": "always",
            "problemMatcher": "$jshint",
            "args": ["${file}"]
        }
    ]
}

Now it's time to add your JS code file, place code whatever you are learning today on JS.
And add that .js file to your root directory path.
For me, the file structure is like
JS-yoga > yoga.js
Now run your code
Terminal > Run Task

Select your task
For me its runFile
Now your output of JS code will appear on the terminal of vscode

For more convenience you can add a key shortcut to run the task

Steps:

Go to menu and open Keyboard Shortcuts

Open the keybindings.json

Add your desired key to run the task For me, the key is cmd+r, so add the below code

[
    {
        "key": "cmd+r",
        "command": "workbench.action.tasks.test"
    }
]

Now go to the js file tab and press the added key to run the code For me, I am pressing cmd+r

Tada...

This article is for javascript beginners.
Hope that's gonna help you guys.

Conclusion

Help to grow other developers and yourself.

Love and best wishes to all creators.

If you found this article interesting please consider following me on Twitter, facebook

Wanna start with basic Javascript but hate to write HTML-CSS

pBose — Thu, 24 Dec 2020 06:58:09 +0000

You have your browser which is a javascript compiler.
So whatever code you want to write, write on your browser console.
Okay, don't know how to do that?
Check out a fun doc from javascript.info

Easily your interest will grow with this method and you don't need to wait for HTML.

This article is for javascript beginners.
Hope that's gonna help you guys.

Conclusion

Help to grow other developers and yourself.

Love and best wishes to all creators..

If you found this article interesting please consider following me on Twitter, facebook

The quick and sweet npm package

pBose — Sun, 20 Dec 2020 16:00:57 +0000

Start creating quick packages while working with Javascript

Create an account on npm
Create your GitHub account
Choose a quick JS work like Image Switcher
Now write your JS
Do some testing
Publish package on GitHub and npm

If you are interested to know the full process of creating and publishing your package please let me know in the comment

Importance to do so

GitHub and npm are huge communities for developers, so you will have the opportunity to be part of that and that will give your profile a star.
For beginners It will help a lot to grow confidence as a developer.
Your code will have real-time testing.

If you like it, you can checkout my work here
https://github.com/nebula-byte/image-switcher

Conclusion

Developers are basically creator, and sharing your creation is important. It will help others to grow.

Love and best wishes to all creator..

If you found this article interesting please consider following me on Twitter, facebook

Next level of CSS writing

pBose — Sat, 19 Dec 2020 15:20:14 +0000

No more custom CSS
Tailwind is magical...

Easy 1min Laravel setup on local with HTTPS

pBose — Sat, 19 Dec 2020 08:02:40 +0000

Finally a good GUI of docker.

Local development software on top of docker with HTTPS on local. Now set up local projects is about a few clicks.

Install DECK

Select image for your project like Laravel 7

Enter your project name which will be the domain name of your local setup, and select project folder

Click start

Open App and start working

Your laravel7 project local setup with HTTPS now ready

Conclusion

Setting up a local development project always seems to be an extra headache for developers and so for me too and this kind of app will make developer's day saver truly.

Love and best wishes to all creators..

If you found this article interesting please consider following me on Twitter, facebook