Layne  Fadel

Layne Fadel

1623894514

How to become a Microsoft Learn Student Ambassador (MLSA)

doesn’t matter if you are a fresher or a final year bachelor’s student or a master’s student, you can apply ! All you need is passion for technology.

By enrolling in Microsoft student ambassadors program (earlier Microsoft student partner), you can -

  1. Upskill yourself by Microsoft courses, get mentored by Microsoft professionals, earn badges and certificates.
  2. Host events, workshops and hackathons at your college, teach people how to code and become a LEADER.
  3. Network with global community.

I got to know about this program last year (2020) in early may and by 12th of may, I completed and submitted my application. I got selection mail on 7th August.

Right now, I am in my final year of engineering.

PERKS

  • Microsoft swags and goodies
  • USD150 monthly Azure credits
  • Office 365, Visual Studio Enterprise, Techsmith Snagit and Camtasia softwares for free.
  • MTC certification exam vouchers and LinkedIn learning free for 6 months.
  • Mentorship and networking with Microsoft professionals.
  • and much more !

Excited ? Apply now !

STEPS TO FOLLOW

  1. Visit their official website, click on ‘Apply Now’ and Sign up.
  2. Application form consists of basic information, written sample, technology skills, resume and a short video introduction.
  3. Make a video explaining your passion for technology and why you want to join the program. Upload it on YouTube (or Google drive).
  4. [My video for reference]
  5. Fill the form and submit.

KEEP IN MIND

  • You can fill the application form throughout the year. New students are accepted into the program quarterly.
  • After submitting, you can edit your application until it goes to the review state by Microsoft. You’ll learn about the deadline date while filling the application form.
  • Do not skip filming the video; it increases your chance of getting selected !

#microsoft-azure #microsoft #microsoft-student-partner #mlsa #microsoft-ambassador

What is GEEK

Buddha Community

How to become a Microsoft Learn Student Ambassador (MLSA)
Layne  Fadel

Layne Fadel

1623894514

How to become a Microsoft Learn Student Ambassador (MLSA)

doesn’t matter if you are a fresher or a final year bachelor’s student or a master’s student, you can apply ! All you need is passion for technology.

By enrolling in Microsoft student ambassadors program (earlier Microsoft student partner), you can -

  1. Upskill yourself by Microsoft courses, get mentored by Microsoft professionals, earn badges and certificates.
  2. Host events, workshops and hackathons at your college, teach people how to code and become a LEADER.
  3. Network with global community.

I got to know about this program last year (2020) in early may and by 12th of may, I completed and submitted my application. I got selection mail on 7th August.

Right now, I am in my final year of engineering.

PERKS

  • Microsoft swags and goodies
  • USD150 monthly Azure credits
  • Office 365, Visual Studio Enterprise, Techsmith Snagit and Camtasia softwares for free.
  • MTC certification exam vouchers and LinkedIn learning free for 6 months.
  • Mentorship and networking with Microsoft professionals.
  • and much more !

Excited ? Apply now !

STEPS TO FOLLOW

  1. Visit their official website, click on ‘Apply Now’ and Sign up.
  2. Application form consists of basic information, written sample, technology skills, resume and a short video introduction.
  3. Make a video explaining your passion for technology and why you want to join the program. Upload it on YouTube (or Google drive).
  4. [My video for reference]
  5. Fill the form and submit.

KEEP IN MIND

  • You can fill the application form throughout the year. New students are accepted into the program quarterly.
  • After submitting, you can edit your application until it goes to the review state by Microsoft. You’ll learn about the deadline date while filling the application form.
  • Do not skip filming the video; it increases your chance of getting selected !

#microsoft-azure #microsoft #microsoft-student-partner #mlsa #microsoft-ambassador

中條 美冬

1639990140

Reactで動的テーブルを作成する方法

この記事では、reactで動的テーブルを作成する方法を教えます。非常に簡単なことは知っていますが、このチュートリアルは初心者向けであり、初心者はこの種の作業を行う方法を知っている必要があります。つまり、3×4のテーブルを生成したいとしますか?よくわかりませんが、行と列の数値を変数に格納し、それに基づいてテーブルを生成できます。、テーブルに検索と並べ替えを追加する方法

import React, { Component } from 'react'

class Table extends Component {
   constructor(props) {
      super(props) //since we are extending class Table so we have to use super in order to override Component class constructor
      this.state = { //state is by default an object
         students: [
            { id: 1, name: 'Wasif', age: 21, email: 'wasif@email.com' },
            { id: 2, name: 'Ali', age: 19, email: 'ali@email.com' },
            { id: 3, name: 'Saad', age: 16, email: 'saad@email.com' },
            { id: 4, name: 'Asad', age: 25, email: 'asad@email.com' }
         ]
      }
   }

   render() { //Whenever our class runs, render method will be called automatically, it may have already defined in the constructor behind the scene.
      return (
         <div>
            <h1>React Dynamic Table</h1>
         </div>
      )
   }
}

export default Table //exporting a component make it reusable and this is the beauty of react

 

renderTableData() {
      return this.state.students.map((student, index) => {
         const { id, name, age, email } = student //destructuring
         return (
            <tr key={id}>
               <td>{id}</td>
               <td>{name}</td>
               <td>{age}</td>
               <td>{email}</td>
            </tr>
         )
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }

 

renderTableHeader() {
      let header = Object.keys(this.state.students[0])
      return header.map((key, index) => {
         return <th key={index}>{key.toUpperCase()}</th>
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  <tr>{this.renderTableHeader()}</tr>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }
#title {
   text - align: center;
   font - family: arial, sans - serif;
}

#students {
   text - align: center;
   font - family: "Trebuchet MS", Arial, Helvetica, sans - serif;
   border - collapse: collapse;
   border: 3 px solid #ddd;
   width: 100 % ;
}

#students td, #students th {
   border: 1 px solid #ddd;
   padding: 8 px;
}

#students tr: nth - child(even) {
   background - color: #f2f2f2;
}

#students tr: hover {
   background - color: #ddd;
}

#students th {
   padding - top: 12 px;
   padding - bottom: 12 px;
   text - align: center;
   background - color: #4CAF50;
  color: white;
}
if (errors.length) {
   alert("gikhare sag");
   setFormaState({
      ...formState,
      errors
   });
   return;
}
userService.addUser(formState.user);
setFormaState({
   errors: [],
   users: userService.getUsers()
});
return errors;

Comment créer une table dynamique dans React

Dans cet article, je vais essayer d'enseigner comment créer un tableau dynamique en réaction. Oui, je sais que c'est assez simple, mais ce tutoriel est destiné aux débutants et un débutant devrait savoir comment faire ce genre de choses., Vous voulez dire, disons que vous voulez générer une table 3 × 4 ? Je ne suis pas vraiment sûr, mais vous pouvez stocker des numéros de lignes et de colonnes dans une variable et en fonction de cela, générer le tableau. ,comment ajouter la recherche et le tri dans le tableau

import React, { Component } from 'react'

class Table extends Component {
   constructor(props) {
      super(props) //since we are extending class Table so we have to use super in order to override Component class constructor
      this.state = { //state is by default an object
         students: [
            { id: 1, name: 'Wasif', age: 21, email: 'wasif@email.com' },
            { id: 2, name: 'Ali', age: 19, email: 'ali@email.com' },
            { id: 3, name: 'Saad', age: 16, email: 'saad@email.com' },
            { id: 4, name: 'Asad', age: 25, email: 'asad@email.com' }
         ]
      }
   }

   render() { //Whenever our class runs, render method will be called automatically, it may have already defined in the constructor behind the scene.
      return (
         <div>
            <h1>React Dynamic Table</h1>
         </div>
      )
   }
}

export default Table //exporting a component make it reusable and this is the beauty of react

 

renderTableData() {
      return this.state.students.map((student, index) => {
         const { id, name, age, email } = student //destructuring
         return (
            <tr key={id}>
               <td>{id}</td>
               <td>{name}</td>
               <td>{age}</td>
               <td>{email}</td>
            </tr>
         )
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }

 

renderTableHeader() {
      let header = Object.keys(this.state.students[0])
      return header.map((key, index) => {
         return <th key={index}>{key.toUpperCase()}</th>
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  <tr>{this.renderTableHeader()}</tr>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }
#title {
   text - align: center;
   font - family: arial, sans - serif;
}

#students {
   text - align: center;
   font - family: "Trebuchet MS", Arial, Helvetica, sans - serif;
   border - collapse: collapse;
   border: 3 px solid #ddd;
   width: 100 % ;
}

#students td, #students th {
   border: 1 px solid #ddd;
   padding: 8 px;
}

#students tr: nth - child(even) {
   background - color: #f2f2f2;
}

#students tr: hover {
   background - color: #ddd;
}

#students th {
   padding - top: 12 px;
   padding - bottom: 12 px;
   text - align: center;
   background - color: #4CAF50;
  color: white;
}
if (errors.length) {
   alert("gikhare sag");
   setFormaState({
      ...formState,
      errors
   });
   return;
}
userService.addUser(formState.user);
setFormaState({
   errors: [],
   users: userService.getUsers()
});
return errors;

So erstellen Sie eine dynamische Tabelle in React

In diesem Artikel werde ich versuchen zu lehren, wie man eine dynamische Tabelle in React erstellt. Ja, ich weiß, es ist ziemlich einfach, aber dieses Tutorial ist für Anfänger und ein Anfänger sollte wissen, wie man diese Art von Dingen erledigt. Ich bin mir nicht sicher, aber Sie können Zeilen- und Spaltennummern in Variablen speichern und darauf basierend die Tabelle generieren. ,wie man Suche und Sortierung in der Tabelle hinzufügt

import React, { Component } from 'react'

class Table extends Component {
   constructor(props) {
      super(props) //since we are extending class Table so we have to use super in order to override Component class constructor
      this.state = { //state is by default an object
         students: [
            { id: 1, name: 'Wasif', age: 21, email: 'wasif@email.com' },
            { id: 2, name: 'Ali', age: 19, email: 'ali@email.com' },
            { id: 3, name: 'Saad', age: 16, email: 'saad@email.com' },
            { id: 4, name: 'Asad', age: 25, email: 'asad@email.com' }
         ]
      }
   }

   render() { //Whenever our class runs, render method will be called automatically, it may have already defined in the constructor behind the scene.
      return (
         <div>
            <h1>React Dynamic Table</h1>
         </div>
      )
   }
}

export default Table //exporting a component make it reusable and this is the beauty of react

 

renderTableData() {
      return this.state.students.map((student, index) => {
         const { id, name, age, email } = student //destructuring
         return (
            <tr key={id}>
               <td>{id}</td>
               <td>{name}</td>
               <td>{age}</td>
               <td>{email}</td>
            </tr>
         )
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }

 

renderTableHeader() {
      let header = Object.keys(this.state.students[0])
      return header.map((key, index) => {
         return <th key={index}>{key.toUpperCase()}</th>
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  <tr>{this.renderTableHeader()}</tr>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }
#title {
   text - align: center;
   font - family: arial, sans - serif;
}

#students {
   text - align: center;
   font - family: "Trebuchet MS", Arial, Helvetica, sans - serif;
   border - collapse: collapse;
   border: 3 px solid #ddd;
   width: 100 % ;
}

#students td, #students th {
   border: 1 px solid #ddd;
   padding: 8 px;
}

#students tr: nth - child(even) {
   background - color: #f2f2f2;
}

#students tr: hover {
   background - color: #ddd;
}

#students th {
   padding - top: 12 px;
   padding - bottom: 12 px;
   text - align: center;
   background - color: #4CAF50;
  color: white;
}
if (errors.length) {
   alert("gikhare sag");
   setFormaState({
      ...formState,
      errors
   });
   return;
}
userService.addUser(formState.user);
setFormaState({
   errors: [],
   users: userService.getUsers()
});
return errors;

Cómo crear una tabla dinámica en React

En este artículo intentaré enseñar cómo crear una tabla dinámica en react. Ya sé que es bastante simple, pero este tutorial es para principiantes y un principiante debe saber cómo hacer este tipo de cosas. ¿Quieres decir que digamos que quieres generar una tabla 3 × 4? No estoy realmente seguro, pero puede almacenar números de filas y columnas en variables y, en función de eso, generar la tabla. , cómo agregar búsqueda y clasificación en la tabla

import React, { Component } from 'react'

class Table extends Component {
   constructor(props) {
      super(props) //since we are extending class Table so we have to use super in order to override Component class constructor
      this.state = { //state is by default an object
         students: [
            { id: 1, name: 'Wasif', age: 21, email: 'wasif@email.com' },
            { id: 2, name: 'Ali', age: 19, email: 'ali@email.com' },
            { id: 3, name: 'Saad', age: 16, email: 'saad@email.com' },
            { id: 4, name: 'Asad', age: 25, email: 'asad@email.com' }
         ]
      }
   }

   render() { //Whenever our class runs, render method will be called automatically, it may have already defined in the constructor behind the scene.
      return (
         <div>
            <h1>React Dynamic Table</h1>
         </div>
      )
   }
}

export default Table //exporting a component make it reusable and this is the beauty of react

 

renderTableData() {
      return this.state.students.map((student, index) => {
         const { id, name, age, email } = student //destructuring
         return (
            <tr key={id}>
               <td>{id}</td>
               <td>{name}</td>
               <td>{age}</td>
               <td>{email}</td>
            </tr>
         )
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }

 

renderTableHeader() {
      let header = Object.keys(this.state.students[0])
      return header.map((key, index) => {
         return <th key={index}>{key.toUpperCase()}</th>
      })
   }

   render() {
      return (
         <div>
            <h1 id='title'>React Dynamic Table</h1>
            <table id='students'>
               <tbody>
                  <tr>{this.renderTableHeader()}</tr>
                  {this.renderTableData()}
               </tbody>
            </table>
         </div>
      )
   }
#title {
   text - align: center;
   font - family: arial, sans - serif;
}

#students {
   text - align: center;
   font - family: "Trebuchet MS", Arial, Helvetica, sans - serif;
   border - collapse: collapse;
   border: 3 px solid #ddd;
   width: 100 % ;
}

#students td, #students th {
   border: 1 px solid #ddd;
   padding: 8 px;
}

#students tr: nth - child(even) {
   background - color: #f2f2f2;
}

#students tr: hover {
   background - color: #ddd;
}

#students th {
   padding - top: 12 px;
   padding - bottom: 12 px;
   text - align: center;
   background - color: #4CAF50;
  color: white;
}
if (errors.length) {
   alert("gikhare sag");
   setFormaState({
      ...formState,
      errors
   });
   return;
}
userService.addUser(formState.user);
setFormaState({
   errors: [],
   users: userService.getUsers()
});
return errors;