DEV Community: Sai Pavan

Unlocking Prosperity: Your Gateway to Expert Investing Insights and Financial Mastery

Sai Pavan — Thu, 24 Aug 2023 17:48:08 +0000

Are you ready to revolutionize your investment strategy? 🚀 Discover the world of asymmetric risk/reward opportunities with Capitalist Exploits! 📈

What Is Capitalist Exploits?

Capitalist Exploits is your gateway to uncovering investment opportunities that offer incredible potential for high returns. Our mission is to identify those hidden gems in the market that can reshape your portfolio.

Why Asymmetric Opportunities Matter

Asymmetric opportunities have the power to supercharge your investments. These are the types of investments where the potential upside far outweighs the downside risk. With Capitalist Exploits, you'll gain access to insights and analysis that help you navigate and capitalize on these opportunities.

Elevate Your Investment Game!

Ready to take your investments to a whole new level? 💰 Our exclusive newsletter provides you with expert insights, in-depth research, and actionable recommendations that can drive your success.

📢 Act Now and Sign Up!

Don't miss out on this incredible opportunity. Join our community by signing up for our newsletter, and for just $1, unlock a wealth of knowledge that can transform your investment journey.

👉** Sign Up Now! With a 30 Day Money Back GUARANTEE **

Your investment future is waiting – seize it with Capitalist Exploits!

Disclaimer: Investing involves risks. Always do your own research before making any investment decisions.

Remember, with Capitalist Exploits, you're not just investing; you're setting the stage for financial growth and success. Don't wait, sign up now and unlock your path to a brighter investment future! 🌟

Media Queries - CSS

Sai Pavan — Sat, 23 Oct 2021 20:23:45 +0000

What is a media-query?

A Media Query is a CSS Technique that uses a @media and @import at-rules which helps in invoking CSS properties inside a block only if the desired condition is true for various device resolutions.

Ex:

@media only screen and (max-width: 600px) {
  body {
    background-color: lightyellow;
  }
}

Adding breakpoints..

Breakpoints help in eliminating clutter of rows and columns made in a web page. It was responsive but it wasn't made for a smaller screen with a lower resolution like Mobile Phones, Tablets, etc.

Ex:

@media (max-width: 768px) { 
  html {
   color: gray;
   font-size: 1rem;
  }
}

Improving the compatibility with outdated or older browsers

Certain browsers don't support media queries and the applied media features like styling does not get implemented. The example being displayed below has no effects on modern browsers.

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Are media queries really that important?

Media queries have always been a powerful tool and is being used widely as a CSS Toolbox with great power. Accomodating a design to every possible situation will lead to complexity to maintain. Having a universal design on the web is pretty hard and it almost sounds non existent.

Therefore, media queries play an important role in responsive web designing as they allow us to create various layouts with accurate spacing and clarity with no clutter depending on the viewport’s size. Media queries can also be used to detect the users environment the site is being run for example if the user is using a touchscreen or a joystick other than a mouse to navigate on a website.

Git Commit Messages

Sai Pavan — Sun, 10 Oct 2021 14:25:21 +0000

Using the right commit messages helps make it more meaningful and it provides clarity on your updated piece of code being pushed to GitHub.

feat - a new feature
fix - a bug fix
docs - changes in documentation
style - everything related to styling
refactor - code changes that neither fixes a bug or adds a feature
test - everything related to testing
chore - updating build tasks, package manager configs, etc

Manipulating Arrays

Sai Pavan — Fri, 01 Oct 2021 13:36:07 +0000

🎯 With push()

The push() function is used to add data to the end of an array.

It can take one or more parameters as shown with an example:

{
    var arr1 = [1,2,3];
    arr1.push(4);
    var arr2 = [“Stimpson”, “j” ,”cat”];
    arr1.push([“happy” , “joy”]);
}

🎯 With pop()

The pop() function is the opposite of push() , which removes data from the end of an array.

Any type of data can be popped off from the array with an example:

{
    var threeArr = [1,4,6];
    var oneDown = threeArr.pop();
    console.log(oneDown);
    console.log(threeArr);
}

🎯 With unshift()

The unshift() function can unshift elements from either the end or the beginning of the array

Example:

{
    var arr = [“Stimpson”, “j” ,”cat”];
    arr.shift();
    arr.unshift(“happy”);
    after shift, arr will have value [“j” ,”cat”], after unshift() the arr would have [“happy”, “j” ,”cat”]
}

🎯 With shift()

The shift() function can shift elements from either the end or the beginning of the array

Example:

{
    var arr = [“Stimpson”, “j” ,”cat”];
    var removedFromarr = arr.shift();
    after shift, arr will have value [“j” ,”cat”], after shift() the arr would have [“happy”, “j” ,”cat”]
}

What is a DOM?

Sai Pavan — Fri, 01 Oct 2021 13:02:46 +0000

The Document Object Model is known as a programming interface used for web documents so that programs can change the document structure, style, and content representing a page.

There is an interaction between pages, nodes and object. In the case of the object model it allows the representation to be manipulated. This is object based and it can be modified using javascript.
It was designed to be independent of any particular programming language, making the structural representation of the document available from a single, consistent API.

Even if most web developers will only use the DOM through JavaScript, implementations of this can be built for any language.
JavaScript can also be used in other contexts.

For example, Node.js runs JavaScript programs on a computer, but provides a different set of APIs, and the DOM API is not a core part of the Node.js runtime. In short DOM is not necessarily a part of the JavaScript, but a Web API which builds websites.

If we take an example of a HTML DOM, a document containing HTML is being described as the Document interface that can be extended by HTML specification which includes HTML-specific features. An Element interface is enhanced to transform into an HTMLElement and are of various subclasses.