Freelance Jobs for College Students that you can easily get in 2018

Some of the best jobs we’ve foreseen for a freelancing student, high paying, to get on in 2018, were summarised bellow.

Just “Get a job!”, right?

Every college student knows the plight of wanting to attend so many of the events college life offers, yet being constrained by a tight wallet. The normal advice in this case would be to get a job. Easy, right? Well, for most students, even working part-time might not be manageable, time-wise, when taking into consideration all the time that they actually have to put towards school. In these situations (and not only), freelancing as a student can be the ideal solution, as it allows you to only take on the projects you can fit into your schedule. If you’re already thinking how great this could be and wondering what jobs you could get paid to do as a freelancing student, here are a few of the best ones:

Tutoring for freelance! – Whether online or in real life, tutoring is one of the most easily available jobs for a freelancing student. We’d recommend the online version, simply because you don’t even have to ever leave your dorm for it. If you’re looking to freelance as a student, online tutoring will permit you to select the exact subject you feel you’ve mastered best, and the level you want to teach it at. This option is great for freelancing students that have limited time available, as you are paid per session, generally, not based on a fixed number of hours.

  Graphic designer for freelance! – Design students have it very easy when it comes to freelancing as a student. There’s always some company looking for a logo design or for marketing materials and so on. So, if you’re good at designing, build yourself a portfolio and start reeling in those jobs. Freelancing as a student in graphic design can be particularly advantageous to you, as it will help you build up your portfolio and make your job search later on more easy.

 Website developer for freelance! –  Just as everybody needs their logo designed, everybody also wants their company to have a presence online. This is the part where freelancing students come in, and it’s another one of those jobs that allow you to grow and gain experience as you go along. All you really need to start is some knowledge of simple website developing that will allow you to create sites suited for small, local businesses. If you’re looking to freelance as a student and possess these abilities (or are willing to learn), this might be something to look into, as it can represent a steady source of income.

–  QA Automation for freelance! – Building automation scripts require just a bit of basic JavaScript usage that you could pick it right away! The tools offered these days are amazing. Earning a buck by getting a job as an automation QA freelancing a bit, will definitely not hurt!

These are our favourite picks for jobs as a freelancing student. However, there are many more out there, so make sure to have a look around, you will certainly find something that you are good at and that you would enjoy doing in your free time.

If you enjoyed this article, please share it, and tell the WOLD about us.

Protractor Locators, webdriver and selenium – beginner introduction

What is a locator? What is a locator? 
The role of a locator in Automation Development is to return an elementFinder. I’ll try even simpler.
The role of a locator is to locate a piece of HTML element, that you can see in the browser for further use. 

 

Why do we need the (protractor) locators? 
a) We need to make sure that something specific still happens in an application. You need to make sure that the login button is still there. You need to find that button, programmatically. “locators” are a way for doing this. For finding a specific element.

 

b) Protractor Locators, are the framework’s specific locators.
For example, you will not find a “ng-repeat”, anywhere beside Angular. Since Protractor was developed for testing Angular, they have provided a way for locating their specific Angular DOM elements.

 

Webdriver/Selenium/Protractor locators? -You’re driving me crazy! 
Mentioned selectors above, are framework’s specific locators. This does not mean that you can not import them and use them somewhere else. It might be somehow useless, but you can!

 

So far, there are several types of Locators.

 

I. Locators added by Protractor(angular/google) team, How to use them

 

addLocator Add a locator to this instance of ProtractorBy. – this is for creating a custom locators. You can create custom then load them later in config. I actually wrote few of my own, it’s not very complicated.
Example:
// Add the custom locator.
by.addLocator('buttonTextSimple',

    function(buttonText, opt_parentElement, opt_rootSelector) {

  // This function will be serialized as a string and will execute in the

  // browser. The first argument is the text for the button. The second

  // argument is the parent element, if any.

  var using = opt_parentElement || document,

      buttons = using.querySelectorAll('button');

  // Return an array of buttons with the text.

  return Array.prototype.filter.call(buttons, function(button) {

    return button.textContent === buttonText;

  });

});

// Use the custom locator.

element(by.buttonTextSimple('Go!')).click();
binding Find an element by text binding.
Example:
element(by.binding('person.name'));
exactBinding Find an element by exact binding.
Example:
element(by.exactBinding('person-email'));
model Find an element by ng-model expression.
Example:
element(by.model('person.name'));
buttonText Find a button by text.
Example:
element(by.buttonText('Save'));
partialButtonText Find a button by partial text.
Example:
element(by.partialButtonText('Save'));

repeater Find elements inside an ng-repeat.

Example:

element(by.repeater('Save'));
exactRepeater Find an element by exact repeater.
Example:
element(by.exactRepeater('kids'));
cssContainingText Find elements by CSS which contain a certain string.
Example:
element(by.cssContainingText('.className', 'PartialTextToFind'));
options Find an element by ng-options expression.
Example:
element(by.css('[ng-options="item as item.label for item in items track by item.id"]'))

deepCss Find an element by css selector within the Shadow DOM.

Example:

element.all(by.deepCss('span'));

 

II. Extended from Selenium/webdriver JS:
className Locates elements that have a specific class name.
Example:
element.all(by.className('span'));
css Locates elements using a CSS selector.
element.all(by.css('.className'));
id Locates an element by its ID.
Example:
element.all(by.id('#idName'));
linkText Locates link elements whose visible text matches the given string.
Example:
element.all(by.linkText('linkTextThatShouldBeFound'));
js Locates an elements by evaluating a JavaScript expression, which may be either a function or a string.
Example:
var wideElement = element(by.js(function() {

  var spans = document.querySelectorAll('span');

  for (var i = 0; i < spans.length; ++i) {

    if (spans[i].offsetWidth > 100) {

     return spans[i];

    }

  }

}));

expect(wideElement.getText()).toEqual('Three');
name Locates elements whose name attribute has the given value.
Example:
browser.findElement(by.name('dog_name'));
partialLinkText Locates link elements whose visible text contains the given substring.
Example:
browser.findElement(by.partialLinkText('Doge'));
tagName Locates elements with a given tag name.
Example:
element(by.tagName('a'));

 

xpath Locates elements matching a XPath selector.
Example:
element(by.xpath('a'));

 

In order to use the locators, you should at least have some basic HTML knowledge, you should know how to read the HTML code, you should know how to inspect the code in browser, and you should have some basic understanding of browser’s “dev tools”. This means, inspect, console, firebug, network, etc. Extremely useful stuff.

 

How to see HTML of a webpage, and get started on using and writing automated code using the locators? You need the developer tools!
All you have to do is to right click, anywhere your browser and click on “inspect”. That’s it. You have the developers tools, now open. You should see the  developer’s tools, Elements’console. More about this a tiny bit later.
qa testing - developer tools - chrome
qa testing – developer tools – chrome
Now you wonder. Why did I wrote this article? I want to help the community and give back. I’ve been helped countless times, now it’s my turn to give back.