Developerayo

Safeguard your blog content in Reactjs and CSS

Wed, 06 Nov 2019 00:00:00 GMT

Most of us have been there: experiencing the point where the content of your article on your blog get’s to be copied and reused by someone else on their own blog tagged to their name and zero credit to the writer/owner, the word for this is PLAGIARISM, now with the help of a simple css element and small bits of react, you can fix that.

Here is a tweet (#thread) from Prosper Otemuyiwa about his plagiarism experience on one of his articles.

Do something today that your future self will thank you for. Might be for yourself, family or community.

A few days ago I wanted do something in @vuejs & I googled as usual. I came across an article and started reading, and it was really making sense until I got to....
— Prosper Otemuyiwa (@unicodeveloper) June 25, 2019

Continue reading thread here

Table of Contents
- Prerequisites
- Installing create-react-app
- CodeSandbox
- Setting up
- Deploy it to Zeit Now
- Conclusion

Prerequisites

Most of us have been there: experiencing the point where the content of your article on your blog gets to be copied and reused by someone else on their blog tagged to their name and zero credit to the writer/owner, the word for this is PLAGIARISM, now with the help of a simple CSS element and small bits of react, you can fix that.

To create a new React project you’ll need

NodeJS and NPM CLI
Visual Studio Code “VSCode” or your preffered code-editor

So as to enable pushing your code to GitHub you’ll need

For deployment, you’ll have to install

ZEIT NOW

Installing create-react-app

Let’s start with installing create-react-app

$ npx create-react-app safeguard-content

CodeSandbox

But in this case study I would be building this simple feature on CodeSandbox

Start by visiting codesandbox.io, sign up/login with GitHub, once that is done you would be redirected to your dashboard then click Create Sandbox, you’ll get to have five tabs click on the one that says CLIENT TEMPLATES under that list you’ll file react as a client template, click it.

Once created, you will get a demo app in ReactJS.

Setting up

Next up, we will setup our ReactJS app with some HTML tags.

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
   return (
	<div className="App">
	  <h1>Hello Developer 🔥🔥🔥🔥</h1>
	  <h2>Start editing to see some magic happen!😄🔥</h2>
	  <h3>Hehehe! sorry, you can't 😅😎🔥🔥</h3>
          <h4>But you can edit this</h4>
      </div>
	);
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

In the code above you can see the simple output in the GIF below, and you can see in line 4 that I am trying to import a style.css file.

Next, let’s write some CSS

.App {
  font-family: sans-serif;
  text-align: center;
}

h1 {
  user-select: none;
}

h2 {
  user-select: none;
}

h3 {
  user-select: none;
}

In my index.js file I posted earlier I created three tags under the app function which are <h1>, <h2> <h3> & <h4>

<h1>Hello Developer 🔥🔥🔥🔥</h1>
<h2>Start editing to see some magic happen!😄🔥</h2>
<h3>Hehehe! sorry, you can't 😅😎🔥🔥</h3>
<h4>But you can edit this</h4>

Which are under a function name app and className set as App, ref as .App in css

function App() {
   return (
     <div className="App">

In the GIF above, the first three texts cannot be selected because I used a CSS element called user-select and the attribute set as none which automatically disable Copying with mouse and Ctrl + A also.

The user-select element with the attribute as none which was called for in our style.css and was attached to the HTML tags we declared in our react code in index.html which was referenced above. The as one could be selected because we did not attach a CSS element to the <h4> tag.

Deploy it to Zeit Now

First, we need to create a now.json file in our main directory, once done add the code below in it.

{
  "version": 2,
  "name": "Safeguard Content",
  "alias": "safeguard-content.now.sh",
  "builds": [
    {"src": "package.json", "use": "@now/static-build", "config": {"distDir": "build"}}
  ]
}

ZEIT NOW owns two versions which are Version 1 & Version 2 and in this case, we are using version 2 "version": 2. We are setting the name of our app as Safeguard Content.

It is a best practice to always alias your domain to a particular one so you do not get a weird link at deployment, here our codebase has been aliased to safeguard-content.now.sh.

For builds, we declared a now-build script in our package.json file under scripts to build our react app on the new server.

 "scripts": {
    ...
    "now-build": "react-scripts build"
  }

Now that that is declared we would be rendering our app statically using the Zeit Now static build @now/static-build.

Once that is done, we need to deploy to a new repo on GitHub

Look at the left-hand side of the repo, click the GitHub favicon and it gives you a second-half screen, put in your desired repo name, mine is safeguard-content, once written, create a repo. If you visit your GitHub profile you should find your repo there.

Visit your Zeit dashboard and you will find your deployed site there.

You can go to https://safeguard-content.now.sh/ and check it.

Conclusion

Having your content copied and no credit given to you as the initial writer is sad, and this is a way out, You do not necessarily need to deploy to Zeit Now, you can easily also deploy to Netlify or other services you use.

I hope you found this tutorial helpful and will be able to secure your blog post, You can find a full source of the project here on GitHub and CodeSandbox here

Like this article? Follow @developerayo on Twitter.

unStack 2019 event recap; All the announcements that matter

Thu, 12 Sep 2019 00:00:00 GMT

unStack is a hands-on workshop community, tailored towards building great technical talents with a hands-on learning approach, learning about new technologies/tools and mastering patterns to navigate already existing ones.

This event which was completely sold out with 260+ people in attendance, being the first offline event of the unStack Community is not the first event nonetheless. The first-ever event of the unStack Community was a LIVE session on Zoom titled The Future of GraphQL for the Web with Nadir Dabit(Developer Advocate at Amazon) & Shodipo Ayomide as speakers.

The online zoom event impressively had 70+ developers tuned in LIVE into the event on zoom. The offline event was then conceived to accommodate folks in the Lagos Developer Ecosystem who could not tune into such LIVE sessions for reasons ranging from data to time and all.

Keynote
Speakers
Sponsors
The Team
Conclusion

keynote🔥

The event keynote which was taken by unStack’s Lead Shodipo Ayomide kicked off 17th August at 09:30 am WAT

where he spoke about various pointers on what exactly unStack is and where unStack is heading to as a community for technical talents, unStack is not just a community of developers but is also interested in the Product designers ecosystem and related technical skills, unStack is also not tailored towards React or JavaScript but focused on the Web & Mobile ecosystem. You can view the keynote slide deck here: Shodipo Ayomide Keynote Slide

Speakers🔥

The first speaker session was handled by Software Engineer & Founder of Dev Career Akintunde Sultan @hacksultan speaking on Software Development: Beginner to Intermediate.

The second workshop session was handled by Software Engineer Shedrack Akintayo @coder_blvck on the topic Getting Started with React.

The third workshop session was run by Software Engineer at Andela Benny Ogidan on the topic Getting started with React and GraphQL

The forth workshop session was handled by Senior Software Engineer at Andela Akinrele Sinmisola @simiakinrele on the topic Code splitting using Suspense and Lazy

The fifth workshop session was taken by Media Developer Advocate at Cloudinary Obinna Ekwuno @Obinnaspeaks on the topic React + Accessibility (m16y) = Awesome Web for all

The fifth workshop session at unStack was handled by Senior JavaScript Engineer at Studio14 Abiodun Quadri @iamphobs on the topic Advanced React Animations.

Our fifth and last workshop session at unStack was handled by the amazing Olusegun Ayeni @iamraphson a Software Engineer at Paystack, who taught on the topic Amplify your productivity with React Native

Sponsors🔥

The unStack event had amazing sponsors who helped unStack happen so smoothly.

CodeSandbox

CodeSandbox is an online code editor with a focus on creating and sharing web application, from prototype to deployment.

Hashnode

Hashnode is the easiest way to connect with the best developers from around the world and grow your career! With Hashnode’s Devblog feature, you can start a new blog on your domain and take advantage of Hashnode’s audience network.

Cloudinary

Cloudinary is the market leader in providing a comprehensive cloud-based image and video management platform. Cloudinary is being used by hundreds of thousands of users around the world, from small startups to large enterprises. We are here to cover your every image and video-related need.

Gatsby

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

Andela

Andela builds distributed engineering teams with Africa’s top software engineers. We handle talent assessment, onboarding, and continuous improvement. You get back to building and they are hiring!!

Paystack

Paystack is a technology company solving payments problems for ambitious businesses. Our mission is to help businesses in Africa become profitable, envied, and loved.

Egghead

Egghead egghead is a group of working web development professionals and open source contributors that provide you with concise, information dense video courses on the best tools in the industry.

Developers Circles Lagos from Facebook

Developers Circles connects you to collaborate, learn, and code with other local developers. Join your local Developer Circle to connect with your developer community on Facebook and attend meetups in your area

Thinkster

Thinkster helps your learn how real apps are built, from scratch, using the latest frameworks and technologies.

Adora Hack

Adora Hack Adora Hack contains articles on Technology and Software Development by Adora Nwodo, a Full Stack Software Developer based in Lagos, Nigeria.

Team🔥

This beautiful and impactful event was put together by the awesome unStack team of 7 persons, with different strength but came together in one vision to collaborate and create this 🔥🔥

Name	Role	Twitter Handles	GitHub Handles
Shodipo Ayomide	Developer Advocate & Software Engineer / unStack Lead	@developerayo	developerayo
Adora Nwodu	Software Engineer at Microsoft / unStack Co-Lead	@theadoranwodo	AdoraNwodo
Orjiewuru Kingdom	Software Engineer at ShipStation & Andela / unStack Co-Lead	@kingisaac95	kingisaac95
Ademola Adegbuyi	Front-end Engineer at Paystack / unStack Co-Lead	@_ooade	ooade
Marvin Ogah	Product Designer / unStack Co-lead	NULL	dudesoamazing
Oluebube Princess	Software Engineer / unStack Co-Lead	@PrincesOluebube	Princesso
Emmanuel Odianosen	Software Engineer / unStack Co-Lead	@emma_odia	emmaodia

Conclusion🔥

We got a whole new insight on how much people are willing to contribute to themselves to good causes from watching the volunteer team of ushers provide a seamless experience for attendees! Worthy of mention is the fact that some members of the team were super early birds that day who reached out and simply asked: “How can I be of help?”

Well, how can you be of help to the unStack community? For starters, join the slack slack channel here: unStack Slack

You can follow unStack on Twitter for more updates: @unstack_ or visit our website at unstack.dev

Did I hear you ask: “When is the next unStack event?”

There is another unStack event in the works and this one… shssss…

Word on the street has it that it will be more lit than the last one because it is… Okay! Enough said! Do kindly set up your Slack & Twitter notifications so you do not get left out! Hope to see you soon!

Watch a two minute clip review of the unStack conference 2019: Video

Cheers! 🍷

Thanks for coming to unStack Conference 2019 and see you at the next meetup. 🔥🔥🔥🚀

Getting started with Raspberry Pi 3

Fri, 17 May 2019 00:00:00 GMT

# Table of Contents
- What is The Raspberry Pi 3
- Models and RAM
- Operating System
- Installing Raspberry Raspbian on Raspberry Pi 3
- Get NOOBS
- Closing Thoughts
- Resources

What is The Raspberry Pi 3

Raspberry Pi 3 is a small computer the size of an ATM card which was built by the Raspberry Pi foundation and has the ability to connect with external devices and networks via wireless LAN and Bluetooth connectivity. It’s basically a regular computer you can work with add a keyboard, a mouse and other accessories but it runs on a Micro SD card of as low as 16 Gigabyte and as high as 256GB for the MicroSD, the Raspberry Pi 3 is not built for working on as a regular computer, regular computers run on a Hard disk from around 500 Gigabyte to 2 Terabyte.

Models and RAM

The Raspberry Pi has different models since it’s launch starting from the Raspberry Pi 1, which supports Ethernet but does not possess wireless LAN connectivity and was firstly released in 2012, next we move forward to looking at Raspberry Pi w which was launched in 2015 with Ethernet and still no wireless LAN connectivity, in 2017 the Raspberry Pi foundation launched the Raspberry Pi Zero with now Ethernet but has wireless LAN connectivity and today we have the fully functional Raspberry Pi 3 model B+ with Ethernet connectivity and Wireless LAN connectivity. The Raspberry Pi 2 and Raspberry Pi 3 have 1GB RAM and the Raspberry Pi Zero and Zero W have 512MB of RAM.

Operating System

Raspberry Pi as a company built Raspbian as the default Operating System for the Raspberry Pi devices to run on and Raspbian is a Debian based Linux distributions. but other Operating systems like Windows 10 via Windows 10 IoT Core can be installed, Ubuntu, CentOS, Fedora, and others

Installing Raspberry Raspbian on Raspberry Pi 3

Firstly you will have to purchase a MicroSD card were the Raspbian Operating System would be stored which must not be lower than a 16GB Micro SD card to avoid too much pressure on the System, next is you would need a working keyboard and a mouse, you can use a Bluetooth keyboard and a Bluetooth mouse for the device as long as it has a remote USB plug to plug into the device. definitely, you will need a TV that has an HDMI slot or a VGA slot so as to connect the device to the TV.

Get NOOBS

NOOBS is a software that we would be using here to install the Raspbian on the Raspberry Pi 3 device, visit the Raspberry Download page to get NOOBS. Once Seen, download the ZIP file. once the download is done, extract the ZIP file and copy all it’s content into your EMPTY SD card, once it has been copied you can Eject the SD Card.

Put in the SD card into the device, including the Mouse, Keyboard, Ethernet, and other devices and do not forget the HDMI cable connecting to the TV. once connected it will definitely show a black screen, do not be worried, just connect your Ethernet plug and wait for some seconds it should pop up the Raspberry Pi logo. wait for another few seconds and you should see the boot screen welcoming you to Raspberry Pi as you can see below

Next is you will have to set up the Raspberry Pi for production, that’s by connecting wifi, Bluetooth your wireless Mouse and Keyboard if any and other devices.

It also comes with a browser, where you can load up any site you want as you can do on a regular laptop, or desktop computer, but in this case, I loaded up my last article which is Deploying Static Sites to Netlify from CodeSandbox.

Closing Thoughts

If you are looking for a mini computer to run some programs, the Raspberry Pi Model B+ is your go-to device, It has all you need and In my next article on Raspberry Pi, I would be writing on installing Windows 10 on a Raspberry Pi 3 via Windows 10 IOT Core. you can purchase a Raspberry Pi 3 on Jumia here or via the Raspberry Pi 3 website.

Resources

Raspberry Pi for Developers
Introduction - Raspberry Pi tutorial in python
Raspberry Pi Tutorials
NOOBS (New Out Of Box Software) - An easy Operating System install manager for the Raspberry Pi
Raspberry Pi Workshop for Beginners
GitHub Raspberry Pi
Awesome Raspberry Pi on GitHub
Official documentation for the Raspberry Pi

Deploying Static Sites to Netlify from CodeSandbox

Mon, 15 Apr 2019 00:00:00 GMT

CodeSandbox and Netlify are like a passenger and an Uber driver, the passenger enters into the car and the uber driver starts the car and keeps on moving, CodeSandbox started with a super amazing idea by Ives van Hoorne the Creator of CodeSandbox and now works fulltime developing it.

# Table of Contents
- What is CodeSandbox
- What is Netlify
- Clients Templates on CodeSandbox
- File Structure
- File Structure Content
- Claim your site
- Closing Thoughts
- Resources

What is CodeSandbox

CodeSandbox is an online VSCode-like editor built for web applications development, It was built with a mindset to make projects sharing easy across teams and people. Get started with CodeSandbox here https://codesandbox.io.

What is Netlify

Netlify is a developers platform that automates codes, built in a way users will be able to simply push their code and the platform handles the rest.

Let’s get started

Firstly, visit your https://codesandbox.io dashboard and create a simple static site from one of the client templates.

List of client Templates on CodeSandbox

React.js (create-react-app)
Vue.js (vue-cli)
Angular.js (angular-cli)
Preact.js (preact-cli)
Vanilla (parcel)
Cx.js (cxjs)
Dojo (dojo/cli-create-app)
Reason (reason)
Svelte (svelte)
Static (static)

In this scenario, we would be using the React create-react-app template.

File Structure

my-app/
  package.json
  public/
    index.html
  src/
    index.js
    index.css

For the project to build, these files must exist with exact filenames:

public/index.html is the page template;
src/index.js is the JavaScript entry point.

You can delete or rename the other files.

File Structure Content

src/index.js

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <h2>CodeSandbox X Netlify</h2>
      <h3>Deploying Static Sites to Netlify from CodeSandbox.</h3>
    </div>
  );
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

src/index.css

.App {
  font-family: sans-serif;
  text-align: center;
}

public/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="theme-color" content="#000000">
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
  <title>CodeSandbox X Netlify</title>
</head>
<body>
  <noscript>
    You need to enable JavaScript to run this app.
  </noscript>
  <div id="root"></div>
</body>
</html>

You can create other files inside the src folder for faster rebuilds because only files inside the src folder are processed by Webpack. You need to put any JavaScript and CSS files inside src, otherwise, Webpack won’t see them.

Next, you would have to click on file and Fork the Sandbox, Awesome! Now you have it all to yourself. you can customize it whichever way you desire.

Deploy to Netlify

Once that’s done you should have something similar to what I have below.

Now, let’s create our GitHub repository directly from our CodeSandbox dashboard, click on the GitHub icon on the icon tag across your left.

Put in your desired name of repo and then click create repository, you should get the below, but then wait a few seconds for it to deploy.

You should get a loading screen like the below for some seconds.

Once that’s done, click on the Plus sign and refork the repo, Click again on the rocket button and click deploy on Netlify.

Once deploy is clicked on Netlify, you will get a unique domain like csb-mqpoxl7wjx wait few seconds for it to build and deploy.

Awesome🔥🔥🔥, You should get two buttons Visit and Claim Site click Visit to view the deployed site.

Your deployed site should look like the image below if all steps were followed.

Claim your site

Once deployed you would see a blue button named Claim Site click it,

Once that’s clicked, you would be redirected to a new page on Netlify that looks like the image below, you just have to add it to your netlify dashboard.

Your CodeSandbox site has successfully been added to the list of your site’s hosted on Netlify

Closing Thoughts

We’ve only scratched the surface with this Deploying Static Sites from CodeSandbox to netlify article. I hope you’ve enjoyed learning how to Deploying Static Sites from CodeSandbox to netlify.

Read more on Netlify via the official Netlify Docs and use CodeSandbox as your default live editor its amazing if you are looking forward to collaborating with multiple people on a single project. Read more here, Documentation - CodeSandbox Documentation

Thanks to Ives van Hoorne, Sara Vieira and others behind this helping us maintain and improve this amazing platfrom.

Resources

Link to GitHub
Link to CodeSandbox
CodeSandbox-client on GitHub.

Deploying Apps to GitHub using TortoiseGIT

Sat, 02 Mar 2019 00:00:00 GMT

TortoiseGit is a Git code control client, which is based on TortoiseSVN. It is an open source software under GNU license.

Benefits of using Tortoisegit

Tortoisegit makes it easier to clone a repository
Tortoisegit makes it easier to upload your code from your laptop to your repository online easily with a single command line.
Extremely easy to pull from your online repository to update your local if you are working on a collaboration project with the click of a button.
This tool makes it easy to remove all un-tracked files from your local with the click of a button.
And a lot more that can be found on the link below:

How To connect TortoiseGit with Github

Go to github.com and login
Create a new Repository.

Create a remote Github repo and name it.

Mine has already been created so i will work with that, Just put in the name that’s all. Then click OK.

Copy the line containing your project link : https://github.com/Developerayo/My-Project-testing-tortiseGIT-.git

Now lets head over to the TortoiseGit we installed earlier.

Once you have got that all opened, click on generate then move the mouse all around the box to make it go faster

After clicking on generate, you will have a box like this below

THE LOOKS SOMETHING LIKE THIS BELOW

ssh-rsa AAAAB3NzaC1yc2EAAAABJQAAAQEAq0jmbEdOeDHZBcD8o8FvUv1lCUBJJmM0DpHz+nn7SzT4CT2PHcOBken+9L2Zz9D7bopmx033DX3/kp/84m3Ea1n/bVDEDfWve2hH6MGcaMM3KVBhMB+6j9LVludG8zYAIt+vrDI/F9f2pZv27h9DznOT+0PJg4cpOkRSFJTgI3tY4cNTWr5kTZdBONEMI+QGNtpWwr774S

Once you have this, save it in a secure file.

Do not forget you copied the link from GITHUB that has your project repository link, now lets put that in use:

https://github.com/Developerayo/My-Project-testing-tortiseGIT-.git

Create a folder on desktop and name it. Mine is named Code, then create a file in the folder, Mine is named myproject. Create a text file named hi.txt and put some text in it.

lets move on to putting the github link to use

Now you see the hi.txt file we created, in the message box put in initial commit then click ok

Now lets go back to that created Repo on GITHUB

Remember the link you copied from github

https://github.com/Developerayo/My-Project-testing-tortiseGIT-.git

let us make use of that.

Right click on the folder you created mine is named ‘myproject’, then click on tortoisegit, followed by the push selection at the top of the list.

How to setup the PUSH dialog with Github

click on the manage button it would pop up another dialog box like that below

Fill in the dialog

Remote: Origin
URL: your github url you copied earlier mine is https://github.com/Developerayo/My-Project-testing-tortiseGIT-.git\
The the ssh or putty key you saved earlier, you would have to add that file here from were you saved it
CLICK ADD NEW

Just click ok

It the starts pushing it to your already created GitHub Repo

You would have to wait a few seconds "Go grab a coffee"

Lastly visit your repo on GitHub

Hurray 🎉🎉 you just deployed your first file to GitHub using TortoiseGIT

Thanks for reading! 🔥🚀

Share on Twitter

Career in Software Engineering

Tue, 12 Dec 2017 00:00:00 GMT

What does a Software Developer do?

Software Engineers writes software. They write the instructions that tell an app what exactly to do. Software Engineers are IT professionals who create such programs that run on various platforms including operating systems, the Internet, Mobile Phone(Android & Apple), Vitual Reality, Augmented Reality, Smart Watches or IOT devices.

Job Titles

In the programming environment typical job titles are: Software Engineer, Application Developer, Systems Analyst, Software Tester, Software Developer, System Analyst and Programmer. There are also variations of these titles such as Senior Software Developer, Software Analyst, etc. However, while you should be aware of these titles, focus more on the actual duties and expectations in a particular organization or programming environment.

To many people in IT, although titles may also vary with your level of experience, application developer, programmer, and software developer all mean the same thing.

Programming Languages

Get into the software Engineering field by learning a programming languages. Programmers can decide to master one or more languages. The best languages? I don’t know about that, but people choose to use certain languages based on familiarity, personal preference or what the environment demands. In terms of market demand, programmers usually prefer languages such as:

JavaScript
Python
Java
PHP
Ruby
C#
Swift
Objective-C
Go
C++

In addition the IT industry depends on programmers to create new programming languages and to modify and enhance existing ones.

Nature of Work

Coding in computer language is not all a programmer does. Programmers are involved all aspects of the software development process, also known as the product development cycle. Let’s take a look at each step of the process to get an idea of what the job is like.

User Requirements. What does the user want? Interview and interact with the users to determine their expectations. Don’t assume for the user. What should the program do for them? An understanding of the business need helps. Getting user needs requires good communications and business skills.

Specification. There is a need to write expectations of users into “specifications” that describe the details and functions of the program. It will specify what the program will do.

Design and Develop. The program must be designed to meet the specifications and the design and specifications must be converted to computer code. Coding, writing the program in the chosen programming language based on the specifications, is regarded by many as the core programming skill. Coding must be done with functionality, security, resilience, usability and future maintenance of the software application in mind.

Testing. Completed programs need to be tested for bugs or mistakes. Is the program working to specification? Testing can be done within the programming team. Testing can in addition be done with the users to ensure it meets specification.

Interaction with users enables you to get feedback on the program’s actual performance. And note that insufficient and inadequate testing is a major cause of bad software — software that doesn’t work to specification, software that is ridden with bugs.

Documentation. Write or review documentation for user and system procedures. This is helpful and is a key requirement for future maintenance.

Maintenance. As a programmer, you may need to change an existing program to meet user requirements or to remove bugs. Debugging, tracking errors in a program is in fact a critical programming skill.

Technical assistance. You will get enquiries from users regarding programming errors, problems or questions. Training of users could be part of your duties. Such interaction with users again requires first-class interpersonal and business skills.

Depending on their level of experience and the nature of programming environment, programmers can play any of the roles described above. Newcomers may be only involved in some areas of coding, or software testing.

A lot depends on the programming environment. Software developers at small companies may be involved in all of these areas, while Software developers at large organizations may specialize in particular steps of the development cycle. Senior software people usually do less coding and are more involved in the managing the entire software development process.

Success factors in the programming field

Is programming a science or an art? That is a debate for another day. What I know is that it requires a large dose of creativity and is both interesting and challenging. To succeed in software development you need be very detail-oriented. You must love details. If you don’t love details, you will find debugging stressful and frustrating.

Your mastery of details must be combined with logical thinking and the ability to focus for long periods. How creative are you? Can you see beyond the surface of problems? Programming knowledge is essential for designing software solutions and for problem-solving.

Though the meat of programming is coding, to be a successful programmer you can’t afford to be careless with your business and communications skills. Excellent interpersonal skills assist cooperation and interaction with colleagues and clients. This is essential for understanding a customer’s needs (specifications), providing technical assistance to users and for teamwork.

Most importantly, while the ability to program is key, you must have a positive, can-do attitude to enable you complete programming assignments efficiently and effectively. When things don’t jell as you expect, attitude helps you become resilient and build your backbone.

The ability to manage programming staff and perform project management is key for senior software engineers. At this level organizational and management skills are essential.

Knowledge and Certification As noted earlier, you must learn a programming language — Learning involves practice, proven results and understanding how programming can be used to solve problems. Certification is useful in helping you benchmark your skills. Popular certifications are those for VB, C++ and Java, i.e. Microsoft’s MCSD, Sun’s SCJP.

However, though getting certified can get your foot in the door, certifications alone are not enough to grow your career in the programming field. Your ability to deliver results with a particular language or tool is paramount. Degrees and certifications are nice, but employers and clients are more interested in your proven expertise with the code.

Software Developers Salary

Software Engineers earn a median salary of $2.6m per year. Salaries typically start from #2m and go up to #5.5m. Learn more about the Software Engineer job market for salaries of real jobs in your area. A software engineer’s average salary, #1m, is higher than most other technology occupations.

Thanks for reading! 🔥🚀

Share on Twitter

Understanding the concept behind AIML

Fri, 08 Dec 2017 00:00:00 GMT

What is AIML?

AIML or Artificial Intelligence Markup Language is an XML base language used for creating chatbots(AI), it is always saved with the extension (.aiml).

The tag always used in AIML used to specify a new function is the category tag which has two other tags running under it that i s the pattern tag and the template tag. Inside the template tage we cound also have other tags inbute “Depnds on the type of BOT you are building” eg set, br/, srai…etc

But note something just as in HTML or any other programming Language or Scripting Language Even Markup Languages have a closing tag, here in AIML there is really not much a difference, the closing tags are /category, /template, /srai>, /set…etc

Example

<category><pattern>WHO IS ABRAHAM LINCOLN</pattern>

<template>was a great President of the United States, during the American Civil War.<br/>

</template>

</category>

When the user inputs this in on some very close to this, the bot will respond to the input

“WHO IS ABRAHAM LINCOLN” with the response “was a great President of the United States, during the American Civil War.”.

Now lets create a simple bot using AIML

<!DOCTYPE html>
<html>
<body>

<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<code>A piece of computer code</code><br>
<samp>Sample output from a computer program</samp><br>
<kbd>Keyboard input</kbd><br>
<var>Variable</var>

</body>
</html>

<?xml version=”1.0" encoding=”UTF-8"?>

<aiml version=”1.0">

<category><pattern>Hi</pattern>

<template>Hi, I’m Oscar I was developed by Shodipo Ayomide 2017, <br/>How may I be of help</template>

</category>

<category><pattern>What are you </pattern>

<template>I said, My name is Oscar and I was developed by Shodipo Ayomide ok! </template>

</category>

<category><pattern>Why are you rude </pattern>

<template>Oh sorry, Please forgive my manners do not report me PLEASE!!! </template>

</category>

<category><pattern>ok </pattern>

<template>PLEASE!!! </template>

</category>

</aiml>

Now lets explain Templates

A template specifies the response to a matched pattern.

I am Oscar by name

A template may use variables such as

You told me you are get name=”user-age” years old which will fetch the users age if in db.

Thanks for reading! 🔥🚀