Volume 5, Issue 5, May – 2020 International Journal of Innovative Science and Research Technology

ISSN No:-2456-2165

Coding: Simplified Approach and

Techniques for Beginner – Programmers
Great Linus Etim Chinyere Chionwa Chinwuba (Mrs.)
Department of Computer Science, Federal Polytechnic, Department of Computer Science Technology.
Ile Oluji, Ondo state, Nigeria Federal College of Agriculture,
Ishiagu, Ebonyi State, Nigeria.

Iziegbe Iyamu
Computer Science Department, Edo State Polytechnic,
Usen, Edo State, Nigeria

Abstract:- Current trends in internet and its supportive experience in coding can program his drawing into product.
branches have given rise to various skills and Designers who code easily can also bring their designs to
optimization adapted by various people across the life by effectively advocating for specific designs made
globe, and also expanded their knowledge in developing somewhere or imagined; operations: bounty profit can be
any imaginable idea or more personal interest to create generated, in part or in whole by reviewing, estimating and
something, a website or an application, to solve a analyzing an organization’s cost of production, and
problem facing the globe. Different people in different everything in – between; marketing: optimal promotion of
parts of the world have fallen in love to learn new thing products and services by using personalizing
and join the leading league of “coding.” This study communication is one of the strategies that often increases
elucidates the simplified approach and techniques that results and profits. Advance or ultimate marketers who
can be adopted by beginners to start thinking about code can run a set of customer database query to and create
moving to a new profession or improving the present personalized infrastructures that include customer
career which requires a computer programming or information and products attached to specific interests of
“coding” to aid the professional development. the customers. The coders could write few codes by trying
thousands of permutations to ensure there is optimization in
Keywords:- coding, websites, front and back -end, various methods used in producing, packaging, transporting
application, HTML, CSS, JavaScript, Python, coders, and delivering goods and services to the end users.
beginners.
II. CLASSIFICATION OF CODING LANGUAGES
I. INTRODUCTION
Languages in coding are basically classified into two
Coding can be beneficial in various ways including major parts in terms of compilations and interpretations,
working from home, office and schools. However, and thereafter into low – level languages and high – level
technology sector provided a very wide range for coding languages. Interpreted languages are considered handier
more than in the workplace, and it can be of very important than compiled languages, while compiled languages
for some professions like educationists, economists, execute faster than interpreted languages. High-level
scientists and financial traders. Likewise, for most experts programming languages like JavaScript, Python, and Ruby
outside the technology sector, coding is just starting to are interpreted [1]. For these languages, the interpreter runs
enter the workplace, and gradually beginning to increase in and executes the program directly, translating each
relevance in any of the following ways; advertisement: statement one line at a time into machine code. High-level
traditional printings and media have been eroded and programming languages like C++, COBOL (Common
replaced by digital campaigns. In attracting a large number Business Oriented Language), and Visual Basic are
of visitors that see the campaign, advertisers who compiled. For these languages, after the code is written, a
understand coding and search engine optimization use the compiler translates all the code into machine code, and an
keywords used by most competitors, and effectively use the executable file that can be run on another’s person Personal
data to create an eye catchy campaigns that can drive vast Computer (PC) is created. This executable file is then
majority of customers/consumers to the products or distributed via the Internet, CD-ROMs (Compact Disc –
services; sales: the invention of e-commerce has greatly Read Only Memory), USB (Universal Serial Bus) - Drive
reshaped the process of sales and services leading to great or other media. Program or Software installed on PC, like
turn out of profit. Salespeople who code enjoy the process Microsoft Windows or Mac OS X, are coded using
than ordinary persons that don’t know or understand the compiled languages, usually C or C++ [2].
concept of coding by finding and retrieving their own leads
from web pages and directories and then sorting and
quantifying those leads; design: a digital web page design
without a program or code looks static and nonresponsive.
For it to look dynamic and responsive a designer with basic

IJISRT20MAY025 www.ijisrt.com 288

Volume 5, Issue 5, May – 2020 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
III. CONCEPTS IN CODING popular for full-stack web development. It allows for the
smooth integration of both front and back-end components
A. Types of Programming Languages of a new website through the Ruby on Rails framework. A
Coding requires different approaches and skills. One web developer/coder that really the integration of front and
way to code efficiently is thorough scan and selecting the back – end component of the app will do great learning at
needed and easy programming languages. There are many least the basics of Ruby. This makes it more dynamic and
languages currently utilized by coders. As beginners, builds up the full elements needed to stand upright in the
coding a website/web application is best achieved and done coding world.
by learning and using languages like (Hyper-Text Markup
Language) HTML, (Cascade Styling Sheets) CSS, Java, B. Cloning Codes for a Web App
JQuery, JavaScript (JS) and Hypertext Preprocessor (PHP). Website like sourcecodester.com [3] allows to search
Mobile application development requires Java (for and find code reviews for various projects like point of
Android) or Swift (for iOS). Choosing the suitable and sales (POS), scheduling duties, nightlife, shopping, etc.
efficient language is extremely important, and views about Beginners can clone such codes and develop it to bring
each of them are drawn for the beginners below: HTML, about more functionality. Likewise, beginners can hack
CSS and JAVASCRIPT: front-end web coders are to be their favorite websites to see and even modify the code
skilled in these three languages, HTML is used extensively used to create such web pages as suggested by [2]
for marking up text so that computers can understand it,
yes! It remains the simplest languages of all. Thus, HTML C. Where Web Pages Display?
is the building block for all coders to deepen into On desktop computers running different operating
programming world. It has many versions with HTML5 systems like Windows, Macintosh, etc. and mobile devices
being the newest version. CSS cannot stand alone, it goes running iOS, android, etc., created web pages display in
alongside with HTML to style and format the content any of the available browser application installed on those
inserted on webpages. This formatting includes anything devices. Many examples of browsers that exist are Safari,
thinkable from margin to layout to pagination to alignment, Internet Explorer, Microsoft Edge, Mozilla Firefox, Google
etc. Chrome, Opera Mini, UC Web, Puffin, etc. But the most
popular web browsers include Google Chrome, Mozilla
JavaScript is quite different from Java, but may have Firefox, Microsoft Internet Explorer, and Apple Safari. One
similar role in back – end web development. Like CSS, of the ways to become a powerful coder and creative
JavaScript is also a dependent language that cannot produce programmer is to tour and play with websites visited by
any effect itself on a page without marrying the content of pointing, clicking and watching every action that takes
the HTML. It is exclusively used for responsiveness of a place while touring with the visited page. This gives an
web page, and the interaction of the web elements; Java: outstanding opportunity to develop a better idea that will be
java is possibly the king of programming languages in the user friendly rather than coder friendly. Most
modern world, this might be due to its application in coders/programmers fail to hear the necessary feedback
leading technology. It is widespread, useful, and it is from the end users of their web pages or applications, this
mainly adopted for creation and development of Android makes their efforts to go on extinction. Most android apps
and back-end web development in some cases. Java is quite available on google play store are well rated and reviewed
a functional language for learning how to code for by the users who have downloaded and perhaps utilized the
beginners. It is relatively simple to learn, it reads like app for what it claims to do. Their reviews provide a means
English, and requires more improvement to enter the for improvement and advancement.
professional stage in using java; python: python is one of
the most adorable languages existing to relieve the coders D. Working System of World Wide Web (WWW)
who need super versatility in coding, and it has lots of After URL (Uniform Resource Locator) is typed or
different uses. Academician and researchers use python to supplied, such as sourcecodester.com[3], into a browser,
create data analysis programs to help their studies. It is also the subsequent steps as provided by Abraham et al.,[2]
behind the rise of new technologies dominantly in data happen behind the scenes in the seconds before the page
science which cut across to fields like machine learning loads: computer sends request for the web page to a router
including artificial intelligence (AI). which distributes internet access throughout a home or a
workplace; the router passes the request on to Internet
Python is an interpreted, interactive, object-oriented Service Provider (ISP). ISP is a company like Comcast,
programming language [1]. It incorporates modules, Time Warner, AT&T, or Verizon [2]; ISP then converts the
exceptions, dynamic typing, very high level dynamic data words and characters in the typed URL —
types, and classes. Python combines remarkable power with “sourcecodester.com,” into a numerical address called the
very clear syntax [1]. It has interfaces, many system calls Internet Protocol (IP) address. An IP address is a set of four
and libraries, as well as various window systems, and is numbers separated by periods (such as 192.168.101.1). Just
extensible in C or C++. It is also usable as an extension like any physical contact address, this number is unique,
language for applications that need a programmable and every computer has one, this makes any computer
interface [1]. Finally, Python is portable: it runs on many traceable in case of crime or vulnerability. ISP has a digital
Unix variants, on the Mac, and on Windows 2000 and later phone book, similar to a physical phonebook, called a
[1]; ruby: ruby is a language that is becoming increasingly domain name server that’s used to convert text URLs into

IJISRT20MAY025 www.ijisrt.com 289

Volume 5, Issue 5, May – 2020 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
IP addresses [2]; the website server is another important V. SIMPLIFIED APPROACH AND TECHNIQUES
core – part that receives the request and sends a copy of the TO CODING WEB APPLICATIONS
web pagecode to computer device for its browser to
display; web browser renders the code onto the screen – Web applications are much common and easier to
which is thus visible to every user and handler of such build than mobile applications, require little to no
page. additional software to develop, test and run. One of the
important uses of web app is its ability to run on all
IV. FRONT AND BACK END CODING devices, including desktops, laptops, and mobile devices.
The languages used to code basic web applications as
Previous section in this paper explained the concept of presented above in this paper, include HTML (Hypertext
browser accessing the webpages. It is then worthwhile to Markup Language), CSS (Cascading Style Sheets), and
clarify further the way actual website is constructed for JavaScript. Additional languages that handle the back end
beginners to understand all the techniques utilized and how can be integrated using languages like PHP, Python, Ruby,
they could take a very snappy look into the architectural etc.
design of any particular website. With this in place, the
study explains the categorical ways of coding to effect A. Researching what to build and develop
change functionally. Appearance: appearance is the visible Researching what to build is one of key components
end of any website, including layout and applied styling, that beginners should put in mind when conceiving any
such as font family, font – weight, font - size, font typeface, idea. The broad knowledge on technology and how to use it
alignment, padding, shadow as well as web responsiveness is very important, and this could be navigated by
to certain contents. The groups of coders who can put this considering the following set of questions: who will benefit
forward are generally called the “front end from the idea? How the idea will be implemented? Has
coder/programmer/developer” depending on the level of anyone done something like that before? What was the
their professionalism. The appearance is created using approach and languages used? Can I get the source codes?
languages like HTML, CSS, and JavaScript which have And so on…
been made easy using Bootstrap.
B. Designing what to build and develop
Bootstrap contains the codes for CSS and JavaScript After the thorough research has been done and
or JQuery, and it’s sometimes regarded as plugins; logic completed, the app’s visual design that incorporates all of
and reasoning: logic and reasoning determine what content the researching elements and describes exactly how the
to show and when. For example, a Nigerian accessing users will interact with every page and feature needed to be
JUMIA E – Commerce website should see the Nigerian done. The layout adjustments and other responsive features
Products, whereas a British accessing the same site should will be included in other to allow for multi – device switch
see British product. The groups of coders who can put this irrespective of the device the users are holding. Corel
forward are generally called the “back end Draw, Photoshop, Keynote, etc. are some important
coder/programmer/developer” depending on the level of designing frameworks that beginners who code can play
their professionalism. Logic is created using languages like with. In addition to visual design, complex apps also have
PHP, Ruby and Python; storage: storage saves any technical designs and decisions to finalize. This include
information supplied by the users. This information is most storage and retrieval of user data. In doing this, there is
times referred to as “storing data”. User generated data and need for choice of database and the best way to integrate
profile info are stored and later retrieved. This category is the database into the application.
part of the back end coding, and the generated data are
usually stored in databases like SimpleDB, SQLite 3, Furthermore, coders must design the database by
SQLite 2, PostgreSQL, Oracle (Beta), MongoDB, MS SQL choosing the fields to store. The process is analogous to the
and MySQL. Beginners can quickly grasp the knowledge process of creating a MS excel (.xls) file to model an input
involved using the ‘structured query language’ as needed — the first decision comes by counting the number of
when working with MySQL; infrastructure: infrastructure columns to use, which defines the information of each user.
delivers the website from the hosting server to the users, the Row is auto increment, and increases automatically when a
client device. Infrastructure is configured taking priority to new user registers/adds information or features like credit
versions of supported databases, back end languages, SSL card payments information.
(Secure Sockets Layer), etc. When the infrastructure is
adequately configured, no one notices it, but it can throw an C. Coding, Debugging and Running your app
error request when website becomes unavailable because of With research and fantastic design done, the bearing
high traffic. of the journey has been drawn and determined. The next
thing is to start with coding the developed idea which is
done with the combination of both front and back end
skills. On large projects, it’s more common to see
specialized front-end and back-end coders/programmers
instead of one person doing it all alone. Simple websites by
beginners are coded using HTML, CSS, and JavaScript:
HTML is used to place text on the page. CSS is used to

IJISRT20MAY025 www.ijisrt.com 290

Volume 5, Issue 5, May – 2020 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
style the HTML contents. JavaScript is used to add VI. CONCLUSION
interactive properties that allows the users to like and share
content on other groups and shows the number of other Daily rise in pool of internet users has increased the
people who have liked and shared the same content. interests of young generations especially in pursuing the
Websites with more advanced functionality as always recent technology. Simplified approach and techniques for
demonstrated by content management system (CMS)[4], beginners to lay a solid foundation in real world of coding
such as user login information, and file uploads typically are grafted in this paper. However, any beginner who
require a programming language to implement these desires to know more about coding needs advanced and
features. Although Python, Ruby, and PHP aren’t the only complex approach which are not detailed in this paper
programming languages these sites can use, they are among before a robust and a secure application can be built.
the most popular ones which are used by the back end
handlers/coders. Most of the languages suggested here are ACKNOWLEDGEMENT
easy to learn, and can be adopted by anyone who decides to
earn his/her daily meat using codes. Each of these The research was supported by PRONEC (Provicjoy
languages also has prevalent and well-documented Networking and Engineering Concept).
frameworks. A framework is a collection of generic
components, such as user accounts and authentication
schemes that are reused frequently, one of such framework  Conflicts of Interest: The authors declare no conflict of
is Laravel, and other CMSs [5-7] allowing developers to interest.
build, test, and launch websites more quickly [2, 8].
Debugging is one of the vital parts in creating a web REFERENCES
application. Debugging can be frustrating especially when
seeing unexpected displayed window. Common errors to [1]. Python, Available Online: https://www.python.org/
watch out for are syntax errors: these are errors initiated by (accessed on 31st March 2020).
misspelling words, by omitting characters, or by including [2]. Abraham, N., et al., Coding ALL - IN - ONE for
extra characters; logic errors: In logic errors, syntax is Dummies. John Wiley & Sons, Inc., Hoboken, New
correct, but the program behaves differently than expected, Jersey, 2017.
such as sum or arithmetic error; display errors: these are [3]. Codester, S., Available online:
common mainly in web applications. With display errors, https://www.sourcecodester.com/ (accessed on 31st
code might run and work properly, but visualization won’t March 2020).
appear properly, these errors sometimes might be due to [4]. Mirdha, A., A. Jain, and K. Shah, Comparative
obsolete browsers used in testing or running the codes. Analysis of Open Source Content Management
Display errors are corrected by extensive testing using Systems. In Proceedings of the 2014 IEEE
different devices and browsers. International Conference on Computational
Intelligence and Computing Research, Coimbatore,
As the demand for coding platform increases, there India, 2014: p. 1 – 4
are evolutions of many websites, CMS and platforms that [5]. Martinez-Caro, J.-M., et al., A Comparative Study of
allow coding with the help of online editors, version control Web Content Management Systems. Information
and quick publishing, which are light and versatile. MDPI, 2018: p. 7 - 27.
However, working offline is not bad as well. It requires [6]. Laravel, Available online: http://www.laravel.com
some additional environment set – up which includes: (accessed on 1 November 2019).
editors, browsers, and lastly a local host server like [7]. Drupal, Available online: http://www.drupal.org
XAMPP, WAMP Server or Laragon for windows which all (accessed on 1 November 2019).
support Apache and IIS for Mac. Editors like preinstalled [8]. WorPress, Available online:
Notepad or Notepad ++ [9], Atom, Sublime Text, Visual http://www.wordpress.com (accessed on 1 November
Studio Code, CoffeeHTML are the text editors that can be 2019).
used to write all codes and saved in different extensions [9]. Notepad, Available at: http://notepad-plus-plus.org
.htm or .html for HTML file, .css for CSS file, .js for (accessed on 31st March 2020).
JavaScript file, .py for Python file, and so on. Browser:
many browsers exist, including Firefox, Safari, Microsoft
Edge, Internet Explorer, and Opera.

IJISRT20MAY025 www.ijisrt.com 291