Node.js MongoDB

Welcome.

Creating a Database

To create a database in MongoDB, start by creating a MongoClient object, then specify a connection URL with the correct ip address and the name of the database you want to create.

MongoDB will create the database if it does not exist, and make a connection to it.

Creating a Table

To create a table in MongoDB, use the createCollection() method:

Insert Into Table

To insert a record into a table in MongoDB, we use the insertOne() method.

The first parameter of the insertOne() method is an object containing the name(s) and value(s) of each field in the record you want to insert.

It also takes a callback function where you can work with any errors, or the result of the insertion:

Select One

To select data from a table in MongoDB, we can use the findOne() method.

The findOne() method returns the first occurrence in the selection.

The first parameter of the findOne() method is a query object. In this example we use an empty query object, which selects all records in a table (but returns only the first record).

node js

Welcome.

What is Node.js?

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

What Can Node.js Do?

• Node.js can generate 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

---

What is a Node.js File?

• Node.js files contain tasks that will be executed on certain events
• A typical event is someone trying to access a port on the server
• Node.js files must be initiated on the server before having any effect
• Node.js files have extension ".js"

mongodb

Welcome.

What is mongodb?

MongoDB is a free and open-source cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with schemas.

MongoDB is a document-oriented database. Instead of storing your data in tables made out of individual rows, like a relational database does, it stores your data in collections made out of individual documents. In MongoDB, a document is a big JSON blob with no particular format or schema.

mongodb install

Welcome.

Install the official build of MongoDB on other Linux systems from MongoDB archives.

1. Install on Red Hat.
2. Install on SUSE.
3. Install on Amazon Linux.
4. Install on Ubuntu.
5. Install on Debian.
6. Install MongoDB From Tarball.

Install MongoDB on Ubuntu 16.04

1. Step 1 - Importing the Public Key. GPG keys of the software distributor are required by the Ubuntu package manager apt (Advanced Package Tool) to ensure package consistency and authenticity. ...
2. Step 2 - Create source list file MongoDB. ...
3. Step 3 - Update the repository. ...
4. Step 4 - Install MongoDB.

db , frontend , backend

Welcome.

What's db?

A database is an organized collection of data.^[1] It is the collection of schemas, tables, queries, reports, views, and other objects. The data are typically organized to model aspects of reality in a way that supports processes requiring information, such as modelling the availability of rooms in hotels in a way that supports finding a hotel with vacancies.

Definition of front end

1. 1:  a unit in a computer system devoted to controlling the data communications link between terminals and the main computer and often to the preliminary processing of data
2. 2:  a software interface (such as a graphical user interface) designed to enable user-friendly interaction with a computer

Front-end focused

• Markup and web languages such as HTML, CSS, JavaScript, and ancillary libraries commonly used in those languages such as Sass or JQuery
• Asynchronous request handling and AJAX
• Cross-browser compatibility issues and workarounds
• Search engine optimization
• Basic usage of image editing tools such as GIMP or Photoshop
• Specialized web editing software like Dreamweaver or Expression Web
• Accessibility concerns

Definition of back end

1. 1:  the rear end
2. 2dialectal, British :  the latter part of the year :  the autumn and early winter

Back-end focused

• Scripting languages like Nodejs, PHP, Python, Ruby, or Perl
• Automated testing frameworks for the language being used
• Database administration
• Scalability
• Security concerns, authentication and authorization
• Data transformation
• Backup methods and software

jQuery 02

Welcome.

jQuery Syntax

The jQuery syntax is tailor-made for selecting HTML elements and performing some action on the element(s).

Basic syntax is: $(selector).action()

• A $ sign to define/access jQuery
• A (selector) to "query (or find)" HTML elements
• A jQuery action() to be performed on the element(s)

jQuery Selectors

jQuery selectors allow you to select and manipulate HTML element(s).

jQuery selectors are used to "find" (or select) HTML elements based on their name, id, classes, types, attributes, values of attributes and much more. It's based on the existing CSS Selectors, and in addition, it has some own custom selectors.

All selectors in jQuery start with the dollar sign and parentheses: $().

jQuery

Welcome.

What's is jQuery?

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jQuery is a JavaScript Library.

jQuery greatly simplifies JavaScript programming.

jQuery is easy to learn.

What You Should Already Know

Before you start studying jQuery, you should have a basic knowledge of:

• HTML
• CSS
• JavaScript

Downloading jQuery

There are two versions of jQuery available for downloading:

• Production version - this is for your live website because it has been minified and compressed
• Development version - this is for testing and development (uncompressed and readable code)

JavaScript 03

Welcome.

What's JavaScript Objects?

JavaScript Prototypes. All JavaScript objects inherit the properties and methods from their prototype. Objects created using an object literal, or with new Object(), inherit from a prototype called Object.prototype. ... The Object.prototype is on the top of the prototype chain.

Are function objects in JavaScript?

Like the program itself, a function is composed of a sequence of statements called the function body. Values can be passed to a function, and the function will return a value. In JavaScript, functions are first-class objects, because they can have properties and methods just like any other object.

JavaScript 02

Welcome.

JavaScript Display Possibilities

• Writing into an HTML element, using innerHTML.
• Writing into the HTML output using document.write().
• Writing into an alert box, using window.alert().
• Writing into the browser console, using console.log().

JavaScript Identifiers

All JavaScript variables must be identified with unique names.

These unique names are called identifiers.

Identifiers can be short names (like x and y) or more descriptive names (age, sum, totalVolume).

The general rules for constructing names for variables (unique identifiers) are:

• Names can contain letters, digits, underscores, and dollar signs.
• Names must begin with a letter
• Names can also begin with $ and _ (but we will not use it in this tutorial)
• Names are case sensitive (y and Y are different variables)
• Reserved words (like JavaScript keywords) cannot be used as names

JavaScript (15 May 2017)

Welcome.

• JavaScript is the programming language of HTML and the Web.
• JavaScript is easy to learn.
• This tutorial will teach you JavaScript from basic to advanced. 
  

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:

   1. HTML to define the content of web pages    2. CSS to specify the layout of web pages
   3. JavaScript to program the behavior of web pages

Brainstorming (12 May 2017)

Welcome.

Brainstorming with Jay Cousins at Uki

What is Brainstorming? 

Brainstorming is the name given to a situation when a group of people meet to generate new ideas around a specific area of interest. Using rules which remove inhibitions, people are able to think more freely and move into new areas of thought and so create numerous new ideas and solutions. The participants shout out ideas as they occur to them and then build on the ideas raised by others. All the ideas are noted down and are not criticized. Only when the brainstorming session is over are the ideas evaluated.

This is the traditional way brainstorming is done. The aim of this website is to train you in the methods of traditional brainstorming and then to move on and discover a series of advanced techniques available to you. 

Some other definitions:

• Brainstorming is a process for generating new ideas
  

• Brainstorming is "a conference technique by which a group attempts to find a solution for a specific problem by amassing all the ideas spontaneously by its members" - Alex Osborn
  

• To brainstorm is to use a set of specific rules and techniques which encourage and spark off new ideas which would never have happened under normal circumstances

  

Thank you.

Bootstrap (11 May 2017)

Welcome.

• Bootstrap is a free front-end framework for faster and easier web development.
• Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins.
• Bootstrap also gives you the ability to easily create responsive designs.

Why Use Bootstrap?

Advantages of Bootstrap:

• Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
• Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops
• Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework
• Browser compatibility: Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)

Where to Get Bootstrap?

• Download Bootstrap from getbootstrap.com
• Include Bootstrap from a CDN

Glyphicons

Bootstrap provides 260 glyphicons from the Glyphicons Halflings set.

Glyphicons can be used in text, buttons, toolbars, navigation, forms, etc.

We do some exercises in Bootsrap.

Thankyou.

10 May 2017

Welcome.

Sayanthan bro came & discus with me about our project.

What is the business canvas?

 

Thankyou.

09 May 2017

Welcome

 We learn to JavaScript.

 

JavaScript Can Change HTML Content

One of many JavaScript HTML methods is getElementById().
This example uses the method to "find" an HTML element (with id="demo") and changes the element content (innerHTML) to "Hello JavaScript"

JavaScript Display Possibilities

JavaScript can "display" data in different ways:

• Writing into an HTML element, using innerHTML.
• Writing into the HTML output using document.write().
• Writing into an alert box, using window.alert().
• Writing into the browser console, using console.log().

 

 

 Thankyou.

08 May 2017

Welcome.

We studied JavaScript.

 Why Study JavaScript?
   JavaScript is one of the 3 languages all web developers must learn:
     1. HTML to define the content of web pages
     2. CSS to specify the layout of web pages
     3. JavaScript to program the behavior of web pages

Did You Know?

JavaScript and Java are completely different languages, both in concept and design.
JavaScript was invented by Brendan Eich in 1995, and became an ECMA standard in 1997.
ECMA-262 is the official name of the standard. ECMAScript is the official name of the language.
You can read more about the different JavaScript versions in the chapter JS Versions.

image 1 add

image 2 add



05 May 2017

Welcome.

 

We did some work in bootstrap

and completed small exercises.

We got our 1st assignment.

That's is very big

(this is my feelings)

then, we discus about our 1st assignment

after, we are clear how to do that assignment.

We studied about bootstrap in w3school.

Thankyou.

 

12 day 04.05.2017

Welcome.

We did one exercises.

 that is website. very nice. 

downloaded some files from GitHub.

11 day 03.05.2017

Welcome.

What's bootstrap?

In statistics, bootstrapping is any test or metric that relies on random sampling with replacement. Bootstrapping allows assigning measures of accuracy to sample estimates.

Why we're using bootstrap?

• Easy to use
• Responsive features
• Mobile-first approach  

Where to get bootstrap?

• Download bootstrap from getbootstrap.com
• Include bootstrap from a CDN

We did exercises.

My coding...

Thankyou. 

10 day 02.05.2017

Welcome.

 Leadership

Leadership is a process by which a person influences others to accomplish an objective. ... whereby individual influences a group of individuals to achieve a common goal. Leaders carry out this process by applying their leadership knowledge and skills.

•  Every leader has charismatic power. 

What's a charismatic leader?

Charismatic leadership is the process of encouraging certain behaviours in others via force of personality, persuasion and eloquent communication. Charismatic leaders inspire their followers to do things or to do things better; this is done by conjuring up enthusiasm in others for a stated vision or goal.

Leadership styles.

• Autocratic

In this style of leadership, a leader has complete command and hold over their employees/team. The team cannot put forward their views even if they are best for the teams or organisational interests. They cannot criticise or question the leader’s way of getting things done. The leader himself gets the things done. The advantage of this style is that it leads to speedy decision-making and greater productivity under leader’s supervision. Drawbacks of this leadership style are that it leads to greater employee absenteeism and turnover. This leadership style works only when the leader is the best in performing or when the job is monotonous, unskilled and routine in nature or where the project is short-term and risky.

•  Bureaucratic

Here the leaders strictly adhere to the organisational rules and policies. Also, they make sure that the employees/team also strictly follows the rules and procedures. Promotions take place on the basis of employees’ ability to adhere to organisational rules. This leadership style gradually develops over time. This leadership style is more suitable when safe work conditions and quality are required. But this leadership style discourages creativity and does not make employees self-contented.

•  Democratic

 The leaders invite and encourage the team members to play an important role in the decision-making process, though the ultimate decision-making power rests with the leader. The leader guides the employees on what to perform and how to perform, while the employees communicate to the leader their experience and the suggestions if any. The advantages of this leadership style are that it leads to satisfied, motivated and more skilled employees. It leads to an optimistic work environment and also encourages creativity. This leadership style has the only drawback that it is time-consuming.

• Laissez Faire

Here, the leader totally trusts their employees/team to perform the job themselves. He just concentrates on the intellectual/rational aspect of his work and does not focus on the management aspect of his work. The team/employees are welcomed to share their views and provide suggestions which are best for organisational interests. This leadership style works only when the employees are skilled, loyal, experienced and intellectual.

Leadership divided by 2

  

    01.Transactional leadership

Transactional leadership, also known as managerial leadership, focuses on supervision, organisation, and performance; transactional leadership is a style of leadership in which leaders promote compliance by followers through both rewards and punishments.  
    02.Transformational leadership  
Transformational leadership is a style of leadership where a leader works with subordinates to identify needed change, creating a vision to guide the change through inspiration, and executing the change in tandem with committed members of a group. 
  
MBO-Management By Object.

•  Task-oriented

Task-oriented leadership is a behavioural approach in which the leader focuses on the tasks that need to be performed in order to meet certain goals or to achieve a certain performance standard.

• Leader motivation

The starting point of motivational leadership is to begin seeing yourself as a role model, as an example to others. One key characteristic of leaders is that they set high standards of accountability for themselves and for their behaviours.

 

 
 We did the small Role play about the Leadership.




After Interval,  we did some exercises in CSS
Border styles

CSS3 border-radius Property

With CSS3, you can give any element "rounded corners", by using the border-radius property.
Here are three examples:
1. Rounded corners for an element with a specified background color:

Rounded corners!

2. Rounded corners for an element with a border:

Rounded corners!

3. Rounded corners for an element with a background image:

Rounded corners!

Example 

We did a project.

09th day 28.04.2017

Welcome.

We made presentation slides about how to we achieve our Goal?

My presentation link address.

https://drive.google.com/drive/my-drive  

 

What's CSS?

CSS stands for Cascading Style Sheet and is used by web pages to help keep information in the proper display format. CSS files can help define font, size, color, spacing, border and location of HTML information on a web page, and can also be used to create a continuous look throughout multiple pages of a website.

Why we're using CSS? 

CSS is used to define styles for your web pages, including the design, layout and variations in the display for different devices and screen sizes.

• What's Inline CSS? 

To add CSS styles to your website, you can use three different ways to insert the CSS. You can Use an "External Stylesheet", an "Internal Stylesheet", or in "Inline Style". ... The External Stylesheet is a .css file that you link your website too.

• What's Internal css? 

This makes it easy to apply styles like classes or ids in order to reuse the code. The downside of using an internal stylesheet is that changes to the internal stylesheet only effect the page the code is inserted into. ... The External Stylesheet is a .css file that you link your website too. 
 

• What's External css? 

External CSS is a file that contains only CSS code and is saved with a ".css" file extension. This CSS file is then referenced in your HTML using the <link> instead of <style>. 

CSS syntax
A CSS rule-set consists of a selector and a declaration block:

Example

p {color: red;
    text-align: center;}

 

 

 We finished a project.  & upload the project in GitHub.

 

That's a Time table.

My coading link address.

 https://github.com/Shangee/css/blob/master/timetable.html

 

 

 

 Thankyou.