Bootstrap

Bootstrap

• Bootstrap is a free and open source front end development framework for the creation of websites and web apps.

•  The Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to facilitate the development of responsive, mobile-first sites and apps.

• Responsive design makes it possible for a web page or app to detect the visitor’s screen size and orientation

•  automatically adapt the display accordingly; the mobile first approach assumes that smartphones, tablets and task-specific mobile apps are employees' primary tools for getting work done and addresses the requirements of those technologies in design.

• Bootstrap includes user interface components, layouts and JS tools along with the framework for implementation. 

• The software is available recompiled or as source code.

• Mark Otto and Jacob Thornton developed Bootstrap at Twitter as a means of improving the consistency of tools used on the site and reducing maintenance.

•  The software was formerly known as Twitter Blueprint and is sometimes referred to as Twitter Bootstrap.

• In computers, the word bootstrap means to boot: to load a program into a computer using a much smaller initial program to load in the desired program (which is usually an operating system).

Atom

What is an Atom?

Atom is a free and open-source text editor for macOS, Linux, and Windows, developed by GitHub, which provides us with a platform to create responsive and interactive web applications.

Atom Display

 It's Use to:                             

• HTML
• CSS
• Java script
• Node.JS                 

   Advantages of Atom   

1.     Cross-platform editing
2.     Built-in package manager
3.     Smart auto-completion 
4.     multiple panes 
5.     Find and replace 

 Atom Install:- https://atom.io

Web Development

 What is the web page?

A web page or web page is a document commonly written in HTML (Hypertext Markup Language) that is accessible through the Internet or other networks using an Internet browser. A web page is accessed by entering a URL address and may contain text, graphics, and hyperlinks to other web pages and files.

What is the web browser?

A web browser is a software application for accessing the information on the World Wide Web. When a user requests a particular website, the web browser retrieves the necessary content from a web server and then displays the resulting web page on the user's device.

What is the server?

In computing, a server is a computer program or a device that provides functionality for other programs or devices, called "clients". This architecture is called the client-server model, and a single overall computation is distributed across multiple processes or devices.                                                                                                                                                                           Ref:-Wikipedia

Codecademy

What is codecademy 

• Codecademy is an education company. But not one in the way you might think. We’re committed to building the best learning experience inside and out, making Codecademy the best place for our team to learn, teach, and create the online learning experience of the future.

• Education is old. The current public school system in the US dates back to the 19th century and wasn’t designed to scale the way it has. Lots of companies are working to “disrupt” education by changing the way things work in the classroom and by bringing the classroom online. 

                                                                      Ref:- Codecademy Official web page

Codecadamey Is have:

1.  Java
2. 
    Node.JS
3.  Html
4. Python
5. C#
6. Css
7. Ruby

• One of the advantages of Codecademy is that it offers clear instructions along with the practicing board. Learners can not only learn systematically, but also at their desired speed. The other advantage is that it is designed for learners to go back and review the previous session while learning the new content. This helps build a stronger understanding of the software and get more familiar with the tags.

• The biggest disadvantage, however, is the coding language involves so many new definitions and can be technically challenging, especially for beginners. Even though the program is so well designed, it requires dedication to learn all the programs contained in Codecademy. The other disadvantage is that the programs occasionally wouldn’t recognize the practice and one has to refresh the page couple of times in order to proceed.

                                                        Ref:-https://sites.google.com/a/unlv.nevada.edu

Codecademy home page

Pseudo code and Flowcharts

What is pseudo code?

Pseudocode is an informal way of programming description that does not require any strict programming language syntax or underlying technology considerations. It is used for creating an outline or a rough draft of a program. Pseudocode summarizes a program’s flow but excludes underlying details. System designers write pseudo code to ensure that programmers understand a software project's requirements and align code accordingly.

How Do I Write Pseudocode?

Writing pseudo code is pretty easy actually:

• Start with the algorithm you are using, and phrase it using words that are easily transcribed into computer instructions.
• Indent when you are enclosing instructions within a loop or a conditional clause. A loop is a set of instructions that are repeated. A conditional clause is formed by comparison and what to do if that comparison succeeds or fails. This technique makes sure it's easy to read.
• Avoid words associated with a certain kind of computer language.

It turns out that there are some fairly standard words you can use. These include standard looping structures like the following:

• FOR … ENDFOR
• WHILE…ENDWHILE

There are also some terms for standard conditional clauses:

• IF … ENDIF
• WHILE … ENDWHILE (this is both a loop and a conditional clause by the way)
• CASE … ENDCASE

What is an algorithm

• An algorithm (pronounced AL-go-rith-um) is a procedure or formula for solving a problem, based on conducting a sequence of specified actions. A computer program can be viewed as an elaborate algorithm. In mathematics and computer science, an algorithm usually means a small procedure that solves a recurrent problem

• Algorithms are widely used throughout all areas of IT (information technology). A search engine algorithm, for example, takes search strings of keywords and operators as input, searches its associated database for relevant web pages, and returns results.

                                                            Youtube:-https://youtu.be/CvSOaYi89B4

                                                      Ref:-https://whatis.techtarget.com/definition/algorithm

Advantages 

1. Can be easily done a world processor 
2. easily modified 
3. increase product reliability 
4. its can be written easily
5. its can be read and write understand easily 
6. help to trap defects before they become code
7. may decrease the overall cost

Disadvantages 

1. it's no visual
2. introduce error possibility
3. we, not style font format
4. we do not a picture effects  

What is Flowcharts

A flow chart is a graphical or symbolic representation of a process. Each step in the process is represented by a different symbol and contains a short description of the process step. The flow chart symbols are linked together with arrows showing the process flow direction.

Benefits of flowchart

1. Instant Communication
2. Effective Coordination
3. Efficiency Increase
4. Effective Analysis
5. Problem Solving
6. Proper Documentation

Flow chat

Disadvantages

1. Complex logic
2. Reproduction
3. Alterations and Modifications

Grammarly

What is Grammarly?

• Grammarly is a technology company that develops a digital writing tool using artificial intelligence and natural language processing. Through machine learning and deep learning algorithms, Grammarly’s product offers grammar checking, spell checking, and plagiarism detection services along with suggestions about writing clarity, concision, vocabulary, delivery style, and tone. The software was first released in July 2009. Grammarly is headquartered in  San Francisco and has offices in Kyiv and New York City.                                         

                                                                                               Ref:- Wikipedia

• Grammarly’s AI-powered products help people communicate more effectively. Millions of users rely on Grammarly every day to make their messages, documents, and social media posts clear, mistake-free, and impact. Grammarly is an Inc. 500 company with offices in San Francisco, New York, Kyiv, and Vancouver.

• As you type, Grammarly checks your text for hundreds of common and advanced writing issues. The checks include common grammatical errors, such as subject-verb agreement, article use, and modifier placement, in addition to contextual spelling mistakes, phonetic spelling mistakes, and irregular verb conjugations. Grammarly also provides synonym suggestions to make your writing more readable and precise. With Grammarly, you can write online with confidence

                                                                                       Ref:-Grammarly Web Page

Grammarly Features

1. Comma splice
2. Comma usage
3. Integration with Gmail
4. Integration with social media
5. Missing articles
6. Misspelled words
7. Outdated spelling
8. Repetitive words
9. Weak adjectives

Grammarly Integrations

1. Facebook
2. Firefox
3. Flamory
4. GitHub
5. Gmail
6. Google Chrome
7. LinkedIn
8. Microsoft Outlook
9. MS Office products
10. Twitter

                                                                   Ref:-http://comparecamp.com/ 

Language Presentations

CSS

• CSS stands for Cascading Style Sheets
• CSS describes how HTML elements are to be displayed on the screen, paper, or in other media
• CSS saves a lot of work. It can control the layout of multiple web pages all at once
• External stylesheets are stored in CSS files

Advantage

1. Improved website speed
2. Consistency
3. Easy to maintain

Disadvantage

1. Come in different levels
2. Fragmentation
3. Lack of security

HTML

• HTML is the standard markup language for creating Web pages.
• HTML stands for HyperText Markup Language
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements are represented by tags
• HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
• Browsers do not display the HTML tags but use them to render the content of the page

Advantages

1. The first advantage it is widely used.
2. Every browser supports HTML language.
3. Easy to learn and use.
4. It is by default in every window so you don't need to purchase extra software.
5. You can integrate HTML with CSS, JavaScript, php etc.

Disadvantages 

1.  It can create only static and plain pages so if we need dynamic pages then HTML not useful.
2. I need to write a lot of code for making a simple web page.
3. Security features are not good at HTML.
4. If we need to write a long code for making a web page then it produces some complexity.

Html Codes 

1. <strong> - Bold
2. <i>  - Italic
3. <ins> - Underline
4. <del> - cross word
5. <mark> - highlight 
6. <small> - small text
7. <ins> - insert text
8. <sub> - subscript text 
9. <sup> - superscript
10. <b> - bold text

What are the differents of Html Vs Html5

• HTML5 supports both audio and video whereas none of these was a part of HTML
• HTML does not allow JavaScript to run within the web browser whereas HTML5 provides full support for JavaScript to run in the background.
• In HTML5, inline MathML and SVG can be used in text whereas this wasn’t possible in HTML.
• HTML5 supports new kinds of form controls, for example, dates and times, email, number, range, tel, URL, search, etc.
• There are many new elements introduced in HTML5. Some of the most important ones are: summary, time, audio, details, embed, figcaption, figure, footer, header, article, canvas, nav, output, section, source, track, video, etc

                                                                                                   REF: www.quora.com

Java Script 

• JavaScript is the Programming Language for the Web
• JavaScript can update and change both HTML and CSS
• JavaScript can calculate, manipulate and validate data

Advantages

• Speed. Client-side JavaScript is very fast because it can be run immediately within the client-side browser. Unless outside resources are required, JavaScript is unhindered by network calls to a backend server. It also has no need to be compiled on the client-side which gives it certain speed advantages (granted, adding some risk dependent on that quality of the code developed).

• Simplicity. JavaScript is relatively simple to learn and implement.

• Popularity. JavaScript is used everywhere on the web. The resources to learn JavaScript are numerous. StackOverflow and GitHub have many projects that are using Javascript and the language as a whole has gained a lot of traction in the industry in recent years especially.

• Interoperability. JavaScript plays nicely with other languages and can be used in a huge variety of applications. Unlike PHP or SSI scripts, JavaScript can be inserted into any web page regardless of the file extension. JavaScript can also be used inside scripts written in other languages such as Perl and PHP.

• Server Load. Being client-side reduces the demand on the website server

• Rich interfaces. Drag and drop components or slider may give a rich interface to your website.

• Extended Functionality. Third-party add-ons like Greasemonkey enable JavaScript developers to write snippets of JavaScript which can execute on desired web pages to extend its functionality.

• Versatility. Nowadays, there are many ways to use JavaScript through Node.js servers. If you were to bootstrap node.js with Express, use a document database like MongoDB, and use JavaScript on the front-end for clients, it is possible to develop an entire JavaScript app from front to back using only JavaScript.

• Updates. Since the advent of EcmaScript 5 (the scripting specification that Javascript relies on), Ecma International has dedicated to updating JavaScript annually. So far, we have received browser support for ES6 in 2017 and look forward to ES7 being supported in future months.

Disadvantages 

• Client-Side Security. Because the code executes on the users’ computer, in some cases it can be exploited for malicious purposes. This is one reason some people choose to disable Javascript.

• Browser Support. JavaScript is sometimes interpreted differently by different browsers. Whereas server-side scripts will always produce the same output, client-side scripts can be a little unpredictable. Don’t be overly concerned by this though - as long as you test your script in all the major browsers you should be safe. Also, there are services out there that will allow you to test your code automatically on check-in of an update to make sure all browsers support your code.  

           Ref:-  https://guide.freecodecamp.org/javascript/advantages-and-disadvantages-of-javascript

Python

Python is a popular programming language. It was created by Guido van Rossum, and released in 1991.

It is used for:

• web development (server-side),
• software development,
• mathematics,
• system scripting.

What can Python do?

• Python can be used on a server to create web applications.
• Python can be used alongside software to create workflows.
• Python can connect to database systems. It can also read and modify files.
• Python can be used to handle big data and perform complex mathematics.
• Python can be used for rapid prototyping, or for production-ready software development.

Why Python?

• Python works on different platforms (Windows, Mac, Linux, Raspberry Pi, etc).
• Python has a simple syntax similar to the English language.
• Python has a syntax that allows developers to write programs with fewer lines than some other programming languages.
• Python runs on an interpreter system, meaning that code can be executed as soon as it is written. This means that prototyping can be very quick.
• Python can be treated in a procedural way, an object-orientated way or a functional way.

Good to know

• The most recent major version of Python is Python 3, which we shall be using in this tutorial. However, Python 2, although not being updated with anything other than security updates, is still quite popular.
• In this tutorial, Python will be written in a text editor. It is possible to write Python in an Integrated Development Environment, such as Thonny, Pycharm, Netbeans or Eclipse which are particularly useful when managing larger collections of Python files.

Python Syntax compared to other programming languages

• Python was designed for readability and has some similarities to the English language with influence from mathematics.
• Python uses new lines to complete a command, as opposed to other programming languages that often use semicolons or parentheses.
• Python relies on indentation, using whitespace, to define scope; such as the scope of loops, functions, and classes. Other programming languages often use curly-brackets for this purpose.

 

Advantages

• Compared to other programming languages Python is the most broadly applied by the developers lately. Within the next paragraphs, we will take a look at the advantages of Python programming language for developers in contrast with other languages.

• The main Python language advantages are that it is easy to read and easy to learn. It is easier to write a program in Python than in C or C++. With this language, you gain the possibility to think clearly while coding, which also makes the code easier to sustain. Which reduces the cost for maintenance of the program and seen as one of Python programming advantages.\

• So, what are the advantages of Python that make this language special? The answer is that Python has some unique characteristics that are valuable for programmers because they make coding easier. Another advantage of Python programming is that no bug can originate a segmentation fault.

• An important advantage of Python language is that it has wide applicability, and is extensively used by scientists, engineers, and mathematicians. It is for this reason that Python is so useful for prototyping and all kinds of experiments. It is used in many groundbreaking fields. It is also used when producing animation for movies and in machine learning.

• The language includes a large library with memory management which is another one of the advantages of Python programming.

Disadvantages

• As an interpreted language, Python has a slow speed of execution. It is slower than C and C++ because it works with an interpreter, not the compiler.

• The language is seen as less suitable for mobile development and game development. It is often used on desktop and server, but there are only several mobile applications that were developed with Python. Another disadvantage Python has is the run time error. The language has a lot of design limits and needs more testing time. The programmer has the possibility to see bugs only during run time.

• Python has high memory consumption and is not used in web browsers because it is not secure. Language flexibility is considered among both the advantages and disadvantages of Python.

• Developers like Python for its simplicity in learning and coding, so much that it might be difficult for some of them to learn and use other languages.

• In spite of all the disadvantages of Python programming language, it has a lot more pros than cons.

SQL

• SQL is a standard language for accessing and manipulating databases.

What is SQL?

• SQL stands for Structured Query Language
• SQL lets you access and manipulates databases
• SQL became a standard of the American National Standards Institute (ANSI) in 1986, and of the International Organization for Standardization (ISO) in 1987

What Can SQL do?

• SQL can execute queries against a database
• SQL can retrieve data from a database
• SQL can insert records in a database
• SQL can update records in a database
• SQL can delete records from a database
• SQL can create new databases
• SQL can create new tables in a database
• SQL can create stored procedures in a database
• SQL can create views in a database
• SQL can set permissions on tables, procedures, and views

Some of The Most Important SQL Commands

• SELECT - extracts data from a database
• UPDATE - updates data in a database
• DELETE - deletes data from a database
• INSERT INTO - inserts new data into a database
• CREATE DATABASE - creates a new database
• ALTER DATABASE - modifies a database
• CREATE TABLE - creates a new table
• ALTER TABLE - modifies a table
• DROP TABLE - deletes a table
• CREATE INDEX - creates an index (search key)
• DROP INDEX - deletes an index

Advantage 

• You don’t need any coding in SQL. This means by using standard SQL you can easily manage database systems, no need to write a substantial amount of code.

• It is Portable. By this term, I mean to data portability. SQL supports PCs, laptops, tablets, servers, mainframes. We can run SQL on a local system with an intranet and internet. We can easily move the database using SQL from one device to another.

• Well Defined Standards. SQL database uses an established standard, that is being used by ANSI (American National Standard Institutes) and ISO (International Organization for Standardization).

• Multiple Data Views. Using SQL language users can make different views of the database structure for the different users.

• Interactive Language. We can use this language for communication with the database. With this, we can get answers to complex queries in a few seconds.

Disadvantages 

• Partial Control. Due to the hidden business rules, programmers using SQL doesn’t have full control over the database.

• Cost. There are some SQL versions which have high operating cost, so it creates difficulty for some programmers to access those versions.

• Interface. SQL has a complex interface that creates difficulty for some users to access it.

                                               Most of the reference are:- https://www.w3schools.com/

Node.JS

What is Node.JS

• Node.js is an open source server environment
• Node.js is free
• Node.js runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)
• Node.js uses JavaScript on the server

Why Node.js?

• Node.js uses asynchronous programming!
• A common task for a web server can be to open a file on the server and return the content to the client.
• Here is how PHP or ASP handles a file request:
• Sends the task to the computer's file system.
• Waits while the file system opens and reads the file.
• Returns the content to the client.
• Ready to handle the next request.

Here is how Node.js handles a file request:

• Sends the task to the computer's file system.
• Ready to handle the next request.
• When the file system has opened and read the file, the server returns the content to the client.
• Node.js eliminates the waiting and simply continues with the next request.
• Node.js runs single-threaded, non-blocking, asynchronously programming, which is very memory efficient.

What Can Node.js Do?

• Node.js can generate the dynamic page content
• Node.js can create, open, read, write, delete, and close files on the server
• Node.js can collect form data
• Node.js can add, delete, modify data in your database

                                                                        Download Link:-  https://nodejs.org

Advantages of Node.js

1. Easy Scalability
2. Easy to Learn
3. Full-Stack JS
4. Higher performance
5. Huge and Active Community
6. Single programming language
7. Freedom to Develop Apps
8. Process Several Request simultaneously
9. Extended support
10. It’s faster

Disadvantage of Node.JS

1. API Interface is not stable
2. The library is nothing good to write home about
3. Not good for heavy computation
4. Not good with relational databases
5. Being an Asynchronous Programming Model