codingsrc

[codingsrc]

►FREE MINI COURSE: https://courses.codingsrc.com/p/selenium-webdriver-javascript-automation-for-beginners-mini/?product_id=1691498&coupon_code=FREEMINIYT ---------------------------------------------------------------------------------------------- Do you want to master browser automation with Selenium and JavaScript to make your life easier? Or do you want to learn browser automation so you can scrape websites data? Or maybe you just want to test your own applications? Well, if the answer is yes, then this course is for you! Hi my name is Rangel and I now serve more than 30.000 students across the web. Here is what you are going to gain from enrolling in this course: You will learn how to create your first automation right of the bat. We start with coding right after I show you how to set up your environment so we won’t waste any time whatsoever. After that I am going to show you how you can set up your Selenium WebDriver with all the possible settings that you might need. I have even built for you a practice website where you would be able to test your code and test it as many times as you want. With the practices that I have prepared for you I will show you how you can handle all kinds of form inputs and how to find elements on your web page the easiest way possible. I will teach you about CSS and XPATH selectors – which are the ways of finding elements on web pages. I am also going to show you a secret website where you are going to be able to learn 10x faster how to select elements on a webpage. Debugging is a very important skill for every programmer, so we are not going to avoid that topic. In the lectures I am also going to show you how you can debug your code in order to understand why you don’t get the expected results that you wanted. In the last section I will show you how even if you have no programming skills you can record actions to be performed on web pages with the Selenium IDE Recorder and how to use custom variables in those recordings. When you are finished with this course you will be able to automate, scrape or test whichever website desire Now, I want my students to always feel comfortable when they make a purchase, that is why I have uploaded multiple free videos for you to view at any time. Those are previews of the lectures that you can see inside. Also if you sign up today you are going to have access my secret facebook group of selenium ninjas You are going to get the practice website where you can practice your skills whenever you want. And last but not least I will give you 30 minutes of 1-on-1 private mentoring. I will help you out with everything you need to know. From how to set up your environment to how to do a certain automation. Now, this might blow you away… but here’s the deal. When you join Selenium WebDriver: JavaScript Automation For Beginners, you'll be getting a 30 day guarantee. If you go through the program, use all our resources, as well as my 1-on-1 private mentoring support, and you are not able to do the desired automation, I’ll give you a full refund. But here’s the REAL KICKER…. There ARE strings attached. You see I am dedicated to getting you results. So I won’t just let you walk away, no questions asked. If you’re not able to make your automation scripts, we’ll discuss your challenges, and make actionable recommendations. If you still don’t see results, I’ll be happy to give you a full refund. So you have nothing to risk and everything to gain from this course! It’s time to take action. This offer won’t last forever and the price will go up with each update. Ou... did I also mention that you get lifetime updates? This course is going to be extended even more but with each update I will raise the price. Go ahead and click the enroll now button and I will see you inside. ---------------------------------------------------------------------------------------------- ► LINK TO CHOCOLATEY https://chocolatey.org/ ► CHOCOLATEY COMMANDS REFERENCE https://chocolatey.org/docs/commands-reference ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc

[codingsrc]

Eslint Prettier Create React App Best Configuration Setup [2019]

Eslint Prettier Create React App VSCode Best Configuration Setup

Have you ever wanted to configure Eslint to work correctly with Prettier and your Create React App? If so in this video you will learn the best settings to do that.

Steps: 1.Install Eslint Globally npm i -g eslint

2. Open your create-react-app react project or create one by typing npx create-react-app name-of-project (needs npm 5.2+)

3. Initiate Eslint in your project: eslint --init (answer the questions)

4. Confirm installation of eslint-plugin-react

5. Leave this in your ESlint config:

"env": { "browser": true, "es6": true }, "extends": ["eslint:recommended"], "plugins": ["react"], "parserOptions": { "ecmaVersion": 2018 }, "rules": {}

6. Install eslint-config-react-app peer dependencies: npm install-peerdeps --dev eslint-config-react-app

7. Install prettier dependencies: npm i -D eslint-config-prettier eslint-plugin-prettier prettier

8. Configure Prettier through ESlint example:

{ "env": { "browser": true, "es6": true }, "extends": ["react-app", "prettier"], "plugins": ["react", "prettier"], "parserOptions": { "ecmaVersion": 2018 }, "rules": { "prettier/prettier": [ "error", { "printWidth": 80, "trailingComma": "es5", "semi": false, "jsxSingleQuote": true, "singleQuote": true, "useTabs": true } ] } }

9. Change your VScode settings

"eslint.autoFixOnSave": true

10. Check for conflicting rules with the following script in package.json:

{ "scripts": { "eslint-check": "eslint --print-config path/to/main.js | eslint-config-prettier-check" } }

  The post Eslint Prettier Create React App Best Configuration Setup [2019] appeared first on CodingSrc.

from WordPress https://codingsrc.com/eslint-prettier-create-react-app-best-configuration-setup-2019/

[codingsrc]

Eslint Prettier Create React App VSCode Best Configuration Setup Have you ever wanted to configure Eslint to work correctly with Prettier and your Create React App? If so in this video you will learn the best settings to do that. Steps: 1. Install Eslint Globally npm i -g eslint 2. Open your create-react-app react project or create one by typing npx create-react-app name-of-project (needs npm 5.2+) 3. Initiate Eslint in your project: eslint --init (answer the questions) 4. Confirm installation of eslint-plugin-react 5. Leave this in your ESlint config: "env": { "browser": true, "es6": true }, "extends": ["eslint:recommended"], "plugins": ["react"], "parserOptions": { "ecmaVersion": 2018 }, "rules": {} 6. Install eslint-config-react-app peer dependencies: npm install-peerdeps --dev eslint-config-react-app 7. Install prettier dependencies: npm i -D eslint-config-prettier eslint-plugin-prettier prettier 8. Configure Prettier through ESlint example: { "env": { "browser": true, "es6": true }, "extends": ["react-app", "prettier"], "plugins": ["react", "prettier"], "parserOptions": { "ecmaVersion": 2018 }, "rules": { "prettier/prettier": [ "error", { "printWidth": 80, "trailingComma": "es5", "semi": false, "jsxSingleQuote": true, "singleQuote": true, "useTabs": true } ] } } 9. Change your VScode settings "eslint.autoFixOnSave": true 10. Check for conflicting rules with the following: { "scripts": { "eslint-check": "eslint --print-config path/to/main.js | eslint-config-prettier-check" } } by CodingSrc

[codingsrc]

Gatsby JS is a free and open source framework based on React that helps developers build a blazing fast static site generator which can create websites and apps. But what does this even mean? Well... it combines together the best parts of React, Webpack, React-router, GraphQL, and other front-end tools into one and creates an amazing tool enjoyable for developers! With Gatsby JS you can use modern web tech without the headache. Everything will be set up and will be waiting for you to start building. One of the best things about Gatsby is that you can bring your own data from headless CMS, APIs, Databases or the file system. There is no limit there. You can source data even from WordPress And this makes it very easy for clients to interact with the website that you have built for them and add new content. They just need to update their posts on WordPress and that's it... Also with Gatsby, you will NOT build a website with last decade’s tech. The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. With Gatsby, It is very easy to make your project a Static Progressive Web App (PWA) You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast. Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are. So if you are wondering what you will learn in this course here is the list below In this course you will learn the following: The Essentials Of Gatsby JS & How To Install It and Create First Project How To Use Gatsby Starters To Create Your Project How to Create Pages In Gatsby And How to Link Them Correctly How To Separate Elements Into Components And How To Use Them How To Create Page Layouts Which Can Be Used As Templates How To Use GraphQL How To Add Sourcing Plugins How To Use Markdown Remark For Creating You Pages/Posts How To Create A Blog Using Gatsby & Markdown Remark (JAM Stack) How To Use WordPress As Headless CMS How To Add Metatags And Improve SEO Of Website How To Create SEO Component And Use It In Layouts How To Deploy Your Project To Netlify And Github How To Make Continuous Deployment With Netlify Webhooks How To Audit Your Website With The Lighthouse (Industry Standard by Google) How To Create Lighthouse Perfect Score How To Convert Your Website To A Progressive Web App (PWA) How To Create WordPress Webhooks To Redeploy Your Project On Netlify When You Create/Update/Delete A Post You would also be able to ask questions inside the course if you get stuck somewhere. I will be there to help you out whenever you need. Now, I want my students to always feel comfortable when they make a purchase, that is why I have uploaded multiple free videos for you to view at any time. Also, I offer you a 30-day money back guarantee, no questions asked! So you have nothing to risk and everything to gain from this course! It’s time to take action. This offer won’t last forever by CodingSrc

[codingsrc]

Gatsby Markdown tutorial that is going to show you how to use markdown files to create a Gatsby JS blog. We are going to use markdown remark to transform our file into blog posts pages. Learn Gatsby JS: Build PWA Blog With GraphQL And React + WordPress: https://www.udemy.com/gatsby-js-build-pwa-blog-with-graphql-and-react-wordpress/?couponCode=YTDIS10 ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT UDEMY COURSES https://www.udemy.com/user/rangelstoilov/ ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc

[codingsrc]

GatsbyJS And WordPress is the best way to use to create a static website. Gatsby JS is a free and open source framework based on React that helps developers build blazing fast static site generator which can create websites and apps. But what does this even mean? Well... it combines together the best parts of React, Webpack, React-router, GraphQL, and other front-end tools in to one and creates an amazing tool enjoyable for developers! With Gatsby JS you can use modern web tech without the headache. Everything will be setup and will be waiting for you to start building. One of the best things about Gatsby is that you can bring your own data from headless CMS, APIs, Databases or the file system. There is no limit there. You can source data even from WordPress And this makes it very easy for clients to interact with the website that you have built for them and add new content. They just need to update their posts on WordPress and that's it... Also with Gatsby you will NOT build a website with last decade’s tech. The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. With Gatsby It is very easy to make your project a Static Progressive Web App (PWA) You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast. Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are. So if you are wondering what you will learn in this course here is the list below by CodingSrc

[codingsrc]

GatsbyJS - getting started with Gatsby starters is the easiest way to dive into the world of Gatsby. You can use the Gatsby Starter Library so you can use a template and build upon it when you create your website. No more starting from the beginning. You will have a sort of skeleton you can build upon. by CodingSrc

[codingsrc]

In VS Code save on change is a really valuable option to have! If you want to learn how to enable auto save in your VS Code you will be able to learn that in this video. It is really frustrating to change your project and then see in the browser that nothing has changed. This will solve that problem for you. by CodingSrc

[codingsrc]

What is Blockchain? Explained Simply during the past couple of years there’s not many people that haven’t heard at least a little about Bitcoins, Ethereum or the blockchain technology. All the buzz generated by the media has led the industry to a giant leap and the best is yet to come. I’ll try to keep things as simple as possible and I won’t go into non essential stuff that might get you confused. Ethereum by definition is an open-source public service that uses blockchain technology to aid smart contracts and cryptocurrency trading securely without a third party. Ethereum offers two types of accounts: externally owned - those are the public accounts to which we own our private keys. Second ones are the contract accounts. Those are the accounts on which ethereum developers deploy all kinds of smart contracts. The ethereum blockchain remains the biggest smart contract ecosystem being home to numerous alt coins and apps. With its fast growing community and potential a lot of big companies like JP Morgan, Intel and Microsoft are getting involved into the smart contract business and decentralized services. Now we’ll talk a little about the currency behind the ethereum blockchain or the so called ether. That’s the currency that we’re going to use in our smart contract development with Solidity and it’s the main currency that sponsors most of the ICOs. By most predictions it is expected that at some point in the not so far future it will even beat Bitcoin in market cap. Being able to make your own smart contract not only gives you the ability to start a career in this fast growing industry, but it allows you to make your own dapp. Some of the most famous ones are CryptoKitties and IDEX. // but it allows you to make your own coin. Some of the most famous ones that came out of the ethereum blockchain are EOS and TRX. (не съм направил нищо за token creation все още) The general idea which the founder of Ethereum Vitalik Buterin had, was that the blockchain technology could do way beyond just payment transactions. So at the age of 19 he released a white paper describing what would ultimately become Ethereum using a general scripting language. The key difference from the mother coin - Bitcoin - was the platform’s ability to trade more than just cryptocurrency. Some of you might’ve heard about projects like crypto kitties, decentralized chats and all sort of other apps. (казах го по горе) The thing is… blockchain technology is still evolving but everyone that has any interaction with it sees it’s potential. The security behind every transaction is impenetrable because of the blockchain consensus algorithm. In the next video I’m going to show you what blocks are, how are they generated and i’ll show you the mechanics behind every operation that’s being sent through the blockchain. At last we’ll take a look at the current state of the blockchain, the problems that it faces and possible solutions. #BlockchainTechnology by CodingSrc

[codingsrc]

Gatsby Tutorial WordPress Webhooks

This is a web tutorial on how to use webhooks on WP

The post Gatsby Tutorial WordPress Webhooks appeared first on CodingSrc.

from WordPress https://codingsrc.com/gatsby-tutorial-wordpress-webhooks/

[codingsrc]

Solidity Tutorial – Intro To Solidity Programming Language

In this lecture we are going to talk about contracts, constructors and functions.

OK, let’s dive right in.

Let’s first see what is the structure of a solidity source file.

Here we can see a sample contract.

On the top of every solidity file there is the so called version pragma, which tells us the lowest version of solidity supported by the contract.

After that we have the contract and its name.

Inside  it we can put variable declarations, mappings, constructors, functions, modifiers etc.

Now, let’s see a sample contract.

Here we have two contracts called Owned Token and Token Creator. You can have multiple contracts declared in one solidity file.

As you can see we can also call contracts from other contracts as in this example.

After this we have the variable declarations owner and name, which are used to store the address of the owner of the contract and the name of the contract.

Just below them we have a constructor. Keep in mind that several versions before a constructor was declared as a function with the same name like the contract. However, now we use the keyword constructor.

So a constructor is a function that runs only once when the contract is deployed to a network.

When we deploy this contract we can send the variable name with it. This variable is saved in the state variable name and our wallet address, from which we deployed the contract with, is saved in the state variable owner.

Now we can use this reference to check and restrict functions to be used by someone who is not the owner of the contract.

Ok, now lets see what is the structure of a function.

If you are familiar with JavaScript., functions look a lot like the ones there. However, we have some additional modifiers. After the function name and the variables that the function receives, we have visibility declaration, state mutability and the return types of the function.

For visibility we can have public, private, internal and external. For the state mutability we can have pure, view and payable. And in order to return some variables from a function at the end we should add the keyword ‘returns’ and in brackets the type of variables that we want to return. Here we can return more than one variable, so keep that in mind.

Ok, let’s look at the different types of visibility in more detail. As we said we have 4 different types of visibility – public, external, internal and private.

Those visibility declarations can be applied both to functions and variables except for the external keyword which is only for functions.

When we declare a function the default visibility of it is public. Basically we can call this function internally and externally and everyone has access to it.

The external keyword works almost the same, however, when you try to call the function internally (from within the contract or another function in the contract) you will need to use the ‘this.’ in order to access it.

This might seem a little inconvenient, however external functions can cost less gas sometimes, because sometimes they are more efficient when they receive large arrays of data.

We can also have internal functions that can only be accessed internally from the current contract or from contracts deriving from it.

And last but not least, we have private functions which can be called ONLY from the contracts they are defined in. The are usable only internally in the same contract.

Now let’s see an example of external and public functions.

Here we have а Sample contract.

At the first line as you can see I have declared a variable as external. If you try to do that you will get an error and the contract will not compile. Remember – state variables do not have an external visibility.

However, here I have created public and external functions. Both of them do the same operation, but the external function will cost less gas in the end. External functions are more efficient when they receive large arrays of data so you can use them to make your contract more efficient.

And at the end I have declared a function in which i try to call the external function test2. However, I needed specify it as this.test2() in order to access the external function internally.

So remember if you want to call external functions internally you need to add the keyword this. In front of the function.

Now, let’s look at an example of internal and private functions.

Here we have 3 contracts C, D and E.

Contract C has one private function, two public functions and an internal function called compute.

In contract D if we try to call the function f of the contract C we are going to get an error because the function is declared private and is visible only inside the contract that it is defined in.

Also if we try to call the function compute from contract D we are also going to get an error because contract D is not derivative of contract C.

However, contract E is derivative of C. We declare this with the keyword ‘is’ as you can see in the example. If you have any prior programming knowledge this is called inheritance.

Because, our contract is derivative of contract C we can now call the the compute function as it is internal member.

Now, let’s talk about the state mutability of function.

We have three different modifiers for that.

We have view, pure and payable.

If we declare a function to be a view function we basically promise no to modify the state.

Pure functions are derivatives of view functions. However, pure functions promise not only not to modify the state, but also not to read from state.

In the next slides we will see more specific restrictions to those functions.

The last state mutability we can have is payable. Basically, the functions that are annotated with this modifier can receive ether and can make operations with those ethers.

Now, let’s look at some examples.

Here is an example of a view function that you can create.

This function takes two variables “a” and “b” and returns “a” times (b + 42) + now.

Now is a global variable that gives you the time now as a timestamp variable.

When you have a view function you CAN NOT write to state variables, emit events, send ether, call functions that are not pure or view, etc. I have listed the things that are not allowed in view functions on the right side here.

Now… Pure functions have the same restrictions as view functions as well as that they can’t read form state variables.

In this example we have 3 pure functions. The first two functions take variables  x and y and do some mathematical operations and return the result. The third one just returns a string of “You are AWESOME!”. Those are some perfect examples of pure functions that you can use.

However, there are some additional restrictions that you should keep in mind like that you can’t access this.balance, <address>.balance, blocks, tx, msg variables or call functions that are not marked as pure.

Now let’s see and example of a payable function.

In order to receive Ether you need to provide the ‘payable’ keyword to a function, otherwise the function will reject all Ether send to it.

In this example contract we have a public declared variable amount of 0 and we have a payable function pay me. The variable msg.value gives the amount of ether that was send to the function and adds it to the variable amount.

This is the basics of the tokens created on the Ethereum blockchain. If you want to learn more about solidity and smart contracts join the FREE course

Solidity Smart Contracts: Build DApps In Ethereum Blockchain (FREE)

The post Solidity Tutorial – Intro To Solidity Programming Language appeared first on CodingSrc.

from WordPress http://codingsrc.com/solidity-tutorial/

[codingsrc]

In this gatsbyjs bootstrap 4 tutorial you will learn how to install bootstrap and react bootstrap on your GatsbyJS blog project and add a navbar and a footer to as components. If you enjoyed this video and you want to show your support, liken the video and subscribe to the channel. Help me out to reach 1,000 subscribers so I can make more awesome videos like this! ► VISIT CODINGSRC COURSES https://courses.codingsrc.com/ ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc

[codingsrc]

#Selenium #SeleniumAutomation #SeleniumTesting #SeleniumTutorial #SeleniumTraining In this Selenium JavaScript tutorial for beginners you will learn how selenium works and how to setup your Selenium Webdriver to be used in your JavaScript project. You will learn how to setup your environment and how to provide options to your browse. In this tutorial you will also master how to use predefined browser profiles and how to set a proxy for your automation testing. To learn more and enroll in the full course Selenium WebDriver: JavaScript Automation For Beginners follow the link below: ► FULL COURSE: https://www.udemy.com/selenium-webdriver/?couponCode=YTSRC10 ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc

[codingsrc]

If you want to know how to use promises in JavaScript and learn everything essential about them in this video you will learn the most important things that you should know about. We are going to go through what the structure of a promise is and what are the states of a promise. We are also going to learn how we can resolve the fulfilled state and how we can handle rejection. We are also going to learn how to use Promise.all and Promise.race and what is the difference between them. So watch this JavaScript ES6 Async tutorial on how to use Promises in your JS code and subscribe to the channel for more videos like this in the future. ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT UDEMY COURSES https://www.udemy.com/user/rangelstoilov/ ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc

[codingsrc]

If you want to know how to use try catch in JavaScript and how can you use error handling in this video you will learn the most important things that you should know about. We are going to go through the structure of a try catch and what happens when we have nested try-catch blocks in our code.We are also going to see what errors can we have in JavaScript and how can we build custom errors ourselves. So watch this JavaScript ES6 tutorial on how to try catch and error handling and subscribe to the channel for more videos like this in the future. ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc

[codingsrc]

Do you want to create fast and SEO optimized websites with GatsbyJS? In this short tutorial I will show you step-by-step how to setup your environment and how to run your first Gatsby.JS project. For macOS users you would need to install nodejs and Gatsby through Homebrew to avoid some trouble ► https://brew.sh/ ► REQUIRED SOFTWARE https://nodejs.org/en/ https://git-scm.com/downloads https://code.visualstudio.com/ https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode ► LINK TO GATSBY https://www.gatsbyjs.org/ ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc

[codingsrc]

► Learn Solidity: https://www.udemy.com/solidity-smart-contracts-build-dapps-in-ethereum-blockchain/?couponCode=YTRS8967 Interplanetary File System and how to store files in a decentralized and distributed manner. In this tutorial you will learn how to upload a file the the IPFS network with the IPFS Desktop application and with JavaScript. ► IPFS WEBSITE https://ipfs.io/ ► IPFS DESKTOP DOWNLOAD PAGE https://github.com/ipfs-shipyard/ipfs-desktop ► SUBSCRIBE TO CHANNEL https://www.youtube.com/c/codingsrc?sub_confirmation=1 ► VISIT CODINGSRC WEBSITE http://codingsrc.com by CodingSrc