Image from Google

Today’s topics

1. jQuery
2. Ajax

jQuery

One important thing to know is that jQuery is just a JavaScript library. All the power of jQuery is accessed via JavaScript, so having a strong grasp of JavaScript is essential for understanding, structuring, and debugging your code.

<h1>Awesome!</h1>

To change this text to “Hello World!”, we can use JavaScript code like this:

document.querySelector('h1').textContent = 'Hello World!'

But in jQuery, we can use like this:

$('h1').text('Hello World!')


Home page of the site

UI design discuss

First of all, we look at out UI design and think the project details. We discuss about the full project. How can we finish the Front-End and how can we finish the Back-End. After the discussion, we realise the hole project. Then we create our own tasks to finish the work.

Trello

This is a project management site. A project can be handled very easily with a project management site. So, we choose Trello. How ever, we created our account and made a board named our group. Then we made 5 category to finish our work.


Image from Google

Introduction

Vue is a progressive framework for building user interfaces. It is designed from the ground up to be incrementally adoptable, and can easily scale between a library and a framework depending on different use cases. It consists of an approachable core library that focuses on the view layer only, and an ecosystem of supporting libraries that helps you tackle complexity in large Single-Page Applications.

Browser Compatibility

Vue.js supports all browsers that are ES5-compliant (IE8 and below are not supported).

Ecosystem

Project Status Description vue-router

Single-page application routing vuex

Large-scale state management vue-cli

Project scaffolding vue-loader

Single File Component (*.vue file) loader for webpack…


Image from Google

Questions:

1. What is the fastest way to select elements by using css selectors?2. How would you add a class to an element by query selector?3. How could I verify whether one element is child of another?4. What is repaint and when does this happen?5. What's Event Bubbling?6. How could you write a method on instance of a date which will give you next day?7. What the heck is this in JavaScript?8. What will you see in the console for the following example?9. How could you implement moveLeft animation?10. Why does…

Image from Google

What is Set?

Set objects are collections of unique values. Duplicate values are ignored, as the collection must have all unique values. The values can be primitive types or object references.

Also, NaN and undefined can also be stored in a Set

What is WeakMap in ES6?

The WeakMap is same as Map where it is a collection of key/value pairs. But in WeakMap , the keys must be objects and the values can be arbitrary values. The object references in the keys are held weakly, meaning that they are a target of garbage collection (GC) if there is no…


Image from Google

What is the purpose of ‘section’ tag in HTML5?

This tag represents a generic document or application section. It can be used together with h1-h6 to indicate the document structure.

Name some new features which were not present in HTML but are added to HTML5?

Some new features in HTML5 include:

DOCTYPE declaration: <!DOCTYPE html>section: Section tag defines a section in the document, such as a header, footer or in other sections of the document. It is used to define the structure of the document. <section></section>header: Header tag defines the head section of the document…


Use of JSX

JSX makes it easier to write and add HTML to React. After writing HTML in React, JSX place them in the DOM without any createElement() method. JSX converts HTML tags into react elements.

Example:

const greet = <p>Hello Khan</p>
ReactDOM.render(greet, document.getElementById('root'))

What is React?

React is a JavaScript library. It’s created by Facebook. This is also a User Interface library. React is a tool for building UI components.

Example:

ReactDOM.render(
<h1>Hello, World!</h1>,
document.getElementById('root')
);

Babel

Babel is a JavaScript transpiler and it converts new JavaScript into plain old JavaScript that can run into any browser. Babel comes…


From Google

Topics:

1. What is Algorithm?2. Factorial a math algorithm3. Fibonacci a math algorithm4. Linear Search5. Binary Search6. Bubble Sort7. Selection Sort8. Insertion Sort9. Merge Sort10. AVL Tree

What is Algorithm?

An algorithm 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.

Factorial a math algorithm

In mathematics, the factorial of a positive integer n, denoted by…


Image from Google

Topics:

1. What are Data Structures?2. Data Structure in JavaScript3. Array4. Stack5. Queue6. Linked List7. Hash Table8. Trees9. Graphs10. Sample Example

What are Data Structures?

Data sctructures are techniques for store and organize data to make it easier to modify, navigate, and access. Data structures are used in almost all areas of computer science and programming, from operating systems to basic vanilla code to artificial intelligence.

Data structures enable us to:

  • Manage and utilize large datasets
  • Search for particular data from a database
  • Design algorithms that are tailored towards particular programs


Image from Google

Today’s topics:

1. What is React?
2. It’s declarative
3. The Component Lifecycle
4. Higher-Order Components
5. How rendering works
6. Basic needs
7. React best practices
8. React Hooks
9. Don’t need Flux
10. componentWillUnmount()

Topic 1: What is React?

React is a JavaScript library. In a library we need to make all decisions by ourselves. But in frameworks like Angular, Vue, etc. aro not like that. Some decisions are already made for us in a framework. React doesn’t help us with server communication, translations, routing and so on. For example, “Router”. We need to import it in our…

MD ARIF HOSSAIN

Front End Web Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store