teleren/devto huggingface dataset:
CSS Min-height & Max-height Tutorial
Tags: webdev, beginners, html, css
Published: 2023-03-16 11:50:19

**10. Code**

``` html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Min Height and Max Height</title>

  <style>
    #first {
      width: 700px;
      min-height: 100px;
      max-height: 200px;
      border: 2px solid red;
    }
  </style>
</head>

<body>

  <h1> Yahoo Baba. CSS Min-Height and Max-Height </h1>

  <div id="first">
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero quasi quod numquam veritatis sequi facilis aperiam ipsam ea quia maxime?
  </div>
</body>

<script>
  document.getElementById("first").contentEditable = 'true'
</script>

</html>
```

**Output**
![Output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0imb27ag4oe9efg5dsc.png)

Thank You.
You can follow us on:
[Youtube ](https://www.youtube.com/c/ULTIMATEPROGRAMMING)
[Instagram](https://www.instagram.com/full_stack_web_developer1/)
CSS Height & Width
Tags: webdev, beginners, html, css
Published: 2023-03-16 11:48:06

**9. Code**

``` html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <style>
    #first {
      border: 3px solid blue;
      width: 700px;
      height: 100px;
    }
  </style>
</head>

<body>
  <h1> Yahoo Baba CSS Width and Height </h1>

  <div id="first">
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti excepturi unde culpa laudantium tempore ad tempora distinctio quibusdam reprehenderit eius.
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti excepturi unde culpa laudantium tempore ad tempora distinctio quibusdam reprehenderit eius.
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti excepturi unde culpa laudantium tempore ad tempora distinctio quibusdam reprehenderit eius.
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti excepturi unde culpa laudantium tempore ad tempora distinctio quibusdam reprehenderit eius.
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti excepturi unde culpa laudantium tempore ad tempora distinctio quibusdam reprehenderit eius.
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti excepturi unde culpa laudantium tempore ad tempora distinctio quibusdam reprehenderit eius.
  </div>
</body>

</html>
```

**Output**
![Output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/15ifebpogd1an3fzuw40.png)

Thank You.
You can follow us on:
[Youtube ](https://www.youtube.com/c/ULTIMATEPROGRAMMING)
[Instagram](https://www.instagram.com/full_stack_web_developer1/)
CSS Margin Tutorial
Tags: webdev, beginners, html, css
Published: 2023-03-16 11:45:52

**Code**

``` html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <style>
    h1 {
      margin: 50px auto;
      border: 3px solid red;
      width: 450px;
      text-align: center;
    }

    #first {
      border: 1px solid black;
      margin-bottom: 30px;
    }

    #second {
      border: 2px solid red;
      margin: 30px 200px 10px 300px;
    }
  </style>
</head>

<body>
  <h1> Yahoo Baba CSS Margin </h1>

  <div id="first">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem est tempora sed provident vitae soluta accusantium eveniet laborum, voluptates similique quas molestiae ullam natus nobis porro iste? Quam, a ratione.
  </div>

  <div id="second">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos consectetur inventore suscipit voluptas qui, magnam aliquam, unde ab et alias natus sed nobis, saepe voluptates. Doloremque facilis fugiat hic incidunt!
  </div>

  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum molestiae perspiciatis eos possimus quis consequuntur temporibus tenetur soluta totam itaque!
</body>

</html>
```

**Output**
![Output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ya7lqed722txdq3sftiz.png)

Thank You.
You can follow us on:
[Youtube ](https://www.youtube.com/c/ULTIMATEPROGRAMMING)
[Instagram](https://www.instagram.com/full_stack_web_developer1/)
IICT
Tags: sap, training, chennai, course
Published: 2023-03-16 11:34:38

SAP Training Course
IICT is the No.1 [SAP Training](https://traininginchrompet.com/courses/sap-training) Institute in Chennai managed by MNC Experts. We have trained more than 5000+ Students and Supported for Job Placement. Our Institute ranks No.1 for SAP Course in Chennai. All our trainers are MNC Experts who have vast experience in real time. 100% Placement support offered at IICT for all SAP Modules.
Angular EventEmitter() - Passing data from child to parent component
Tags: angular, eventemitter, propertybinding, interpolation
Published: 2023-03-16 11:29:29

**@Output()**

To pass data from child to a parent component we use @Output() decorator. **EventEmitter()** class must be added to the @Output decorator to emit event and notify the parent of the change. A good example is when passing  form input values from child to parent component.

We can configure a method in the child to raise an event when a user types into the input field.

```
export class ChildComponent {

  @Output() newItemEvent = new EventEmitter<string>();

  addNewItem(value: string) {
    this.newItemEvent.emit(value);
  }
}
```
In the child's template we use _template reference variable_
to reference the input field and then pass the value of the property to a button click handler.

```
<label for="item-input">Add an item:</label>
<input type="text" id="item-input" #newItem>
<button type="button" (click)="addNewItem(newItem.value)">Add to parent's list</button>
```



With _event binding_, we connect the event emitter in the child to the method in the parent. The **$event** contains the data from the input in the child template

```
<child-component (newItemEvent)="addItem($event)"></child-component>
export class ParentComponent {
  items = ['item1', 'item2', 'item3', 'item4'];

  addItem(newItem: string) {
    this.items.push(newItem);
  }
}

```
Now that we have access to this data we can display it in the parent component. With the help of ***ngFor** to iterate the items in an array and render them in a list in the ui.

```
<ul>
  <li *ngFor="let item of items">{{item}}</li>
</ul>
```

**@Input()**

Similarly we can pass data from parent to child. An **@Input()** decorator is a added to a child component. The property that the @Input() decorates receives its value from the parent. Using **interpolation**, we can pass the property to the child component template.

```
@Input() item = ''; // decorate the property with @Input()
<p>
  Today's item: {{item}}
</p>
```
Next we use property binding to bind the property in the parent component's template. The value in the parent is the one we binding to.

```
<child-component [item]="currentItem"></child-component>

export class ParentComponent {
  currentItem = 'Television';
}
```

Reference:
[Sharing data between child and parent directives and components](https://angular.io/guide/inputs-outputs)
10 ways to increase productivity
Published: 2023-03-16 11:24:15

1) Set clear goals: Set clear goals and targets for each day, week, and month to increase productivity. This will help you stay focused on your work and ensure that you are working towards achieving your goals.

2) Prioritize tasks: Prioritize your tasks according to their importance and urgency. This will help you manage your time more efficiently and ensure that you are completing the most important tasks first.

3) Eliminate distractions: Eliminate distractions such as social media, email, and phone notifications while working. This will help you maintain focus and stay productive.

4)  Take breaks: Take regular breaks to recharge and refresh your mind. This will help you avoid burnout and increase your overall productivity.

5) Practice good time management: Use time management techniques such as the Pomodoro technique to manage your time effectively and get more done in less time.

6) Use tools and technology: Use productivity tools and technology such as task managers, code editors, and version control systems to streamline your work and increase your productivity.

7) Learn new skills: Continuously learning new skills and technologies will help you stay up-to-date with industry trends and improve your productivity.

8) Collaborate with others: Collaborate with your colleagues and other professionals in your industry to share knowledge and expertise. This will help you learn from others and increase your productivity.

9) Stay organized: Keep your workspace and work files organized to save time and increase productivity. This will help you find what you need quickly and easily.

10)  Get enough rest and exercise: Get enough rest and exercise to maintain good physical and mental health. This will help you stay focused and productive throughout the day.
MBR Informatics Is a One Of The Best Ecommerece Companies In Hyderabad.
Tags: web, development, ecommerece, digitalmarketing
Published: 2023-03-16 11:14:58

  Digital marketing Services in India,e commerce companies hyderabad ,Digital Marketing Services in India, a web designing companies in India, web development companies in India, website design companies in India, website designers in India, website developers in Hyderabad,MBR Informatics is a competent website design, online and mobile app development, digital marketing, ERP, and e-commerce company in Hyderabad. We do things in a unique way. We have been doing this for 5 to 7 years and have extensive experience in design and development. We have completed over 100 projects for clients all across the world.
_[](https://www.mbrinformatics.com/index.php
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/agbazzgj3dko0oczmygb.jpg))_
It's a pointer to a type, not a variable with an asterisk in its name
Tags: c, programming, justmycorrectopinion
Published: 2023-03-16 11:08:48

---
title: It's a pointer to a type, not a variable with an asterisk in its name
published: true
description: Some people love to write int *x, when they should be writing int* x. They are wrong and need to stop.
tags: c, programming, justmycorrectopinion
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nw1b0zpunicnn4g3u0t7.jpg
---

It's something that I've seen in C and C++ code. It doesn't make sense. I'm going to have a little rant about it.

When you are declaring a pointer, put the asterisk next to the type, because you are modifying the type.

`int* x` ✔ Yes very good.

`int *x` ❌ No very bad.

That's it.

The following is my reasoning in more detail for people who need more convincing because they're too stuck in their ways.

If I write `int* x` I am writing "x is of type 'pointer to int'".

If I write `int *x` I am writing "*x is of type int" which makes no sense.

I know the compiler doesn't care. I could write `int*x` and the compiler would eat it up like a good doggy. **I** care, because I'm reading the code.

`*` is not part of the variable name.

If I write `x = &intvariable` that is different to writing `*x = &intvariable`. The `*` **is not part of the variable name**.

If I have done `typedef int* intptr;` and then write `intptr *x` I have created a pointer to a pointer to an int, NOT a pointer to an int called `*x`.

**THE `*` IS NOT PART OF THE VARIABLE NAME.** 

So don't make it look like it is.

Thank you for your time.
I like to move it move it!
Published: 2023-03-16 11:03:43

Are you a web developer who spends hours sitting in front of a computer? If so, you know how easy it can be to neglect your physical health. That's why I've been using indoor cycling with the Zwift platform as a way to stay active while working on my projects.

Indoor cycling offers a great way to stay fit, but the Zwift platform takes it to a whole new level. It's a social way to work out, connecting you with other cyclists from all over the world. Plus, the gamified aspect of the platform keeps me motivated to reach my goals and achieve new personal bests.

I love the data you get after a ride, that's a great motivator for me. Plus you can get a really good workout in an hour whilst catching up with all those podcasts you have lined up . . . . .

So if you're looking for a fun and effective way to incorporate exercise into your daily routine, give indoor cycling with Zwift a try. Your body (and your mind) will thank you! #indoorcycling #Zwift #webdevelopment #healthylifestyle
What is MERN stack?
Tags: javascript, mern, node, react
Published: 2023-03-16 10:56:42

Have you heard of the MERN stack? It's a popular web development technology stack that has become increasingly popular in recent years. MERN stands for MongoDB, Express, React, and Node.js - four technologies that work together to create powerful web applications.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/30b6z7ludzhgdjpcxosy.jpg)
- MongoDB is a NoSQL database that stores data in a flexible, JSON-like format. It's known for its scalability and performance, and is a popular choice for many modern web applications.

- Express is a flexible web application framework for Node.js. It provides a robust set of features for building web applications, including middleware support, template engines, and much more.

- React is a powerful front-end library for building user interfaces. It allows developers to create reusable UI components that can be used across multiple pages or applications, making it easier to develop complex web applications.

- Node.js is a server-side JavaScript runtime that allows developers to build scalable, high-performance web applications. It's lightweight and efficient, making it a popular choice for building real-time applications.

Together, these four technologies form the MERN stack, which has become a popular choice for building modern web applications. Whether you're building a simple blog or a complex e-commerce platform, the MERN stack provides the tools you need to build robust, scalable, and maintainable web applications.

**I'll share detailed posts on each and everything about this stack**
comment and share for better reach
Document Credit: Javascript Mastery

#javascript #webdevelopment #database #nosql #react #work
#fullstackdeveloper #javascript #mernstack #mernstackdeveloper #typescript #nodejs #mongodb
Scot
Published: 2023-03-16 10:49:14

[https://www.bankfanz.com/jaiz-bank-transfer-code/](https://www.bankfanz.com/jaiz-bank-transfer-code/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)

https://plaza.rakuten.co.jp/jaizbankcode2023/diary/202303160000/
https://peatix.com/user/16432520/
https://www.provenexpert.com/what-is-jaiz-bank-ussd-code-20237/
https://www.producthunt.com/@jaizbank9
https://www.divephotoguide.com/user/Jaizbankussdcode9
https://wakelet.com/@Whatisjaizbankussdcode175
https://vocal.media/authors/what-is-jaiz-bank-ussd-code-5j290abd
https://www.lifeofpix.com/photographers/jaizbankussdcode9/
https://seedandspark.com/user/what-is-jaiz-bank-ussd-code-2023-5
https://rosalind.info/users/Jaizbankussdcode9/
http://phillipsservices.net/UserProfile/tabid/43/userId/205225/Default.aspx
https://app.roll20.net/users/11741442/what-is-jaiz-bank-ussd-c
https://speakerdeck.com/jaizbankcode9
https://social.msdn.microsoft.com/Profile/What%20is%20jaiz%20bank%20ussd%20code%202023%209
https://camp-fire.jp/profile/Jaizbankussdcode9
https://plazapublica.cdmx.gob.mx/profiles/Jaizbankussdcode9/activity
https://www.metal-archives.com/users/Jaizbankussdcode9
https://storium.com/user/jaizbankussdcode9
https://trabajo.merca20.com/author/jaizbankussdcode9/
https://www.intensedebate.com/people/Jaizbankcode9
https://www.mifare.net/support/forum/users/jaizbankussdcode9/
https://pinshape.com/users/2594060-jaizbank09
http://foxsheets.com/UserProfile/tabid/57/userId/124381/Default.aspx
https://www.kompasiana.com/jaizbank9
https://leanin.org/circles/what-is-jaiz-bank-ussd-code-2023-9
https://www.credly.com/users/what-is-jaiz-bank-ussd-code.861e4257/badges
https://www.myminifactory.com/users/Jaizbankussdcode9
https://www.sqlservercentral.com/forums/user/jaizbankussdcode9
https://www.longisland.com/profile/Jaizbankussdcode9
https://guides.co/a/what-is-jaiz-bank-ussd-code-749301
https://myanimelist.net/profile/Jaizbankcode9
💼 Create Responsive NFT Personal Portfolio | HTML & CSS & JAVASCRIPT
Tags: webdev, javascript, programming, tutorial
Published: 2023-03-16 10:49:10

💼Build a responsive personal portfolio website design using HTML CSS & JavaScript. 

Developed first with the Mobile First methodology, then for desktop. Enjoy the video, 

greetings and success 😎 

🔔 Subscribe for more! 

https://bit.ly/3UbNw7F

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

❤ Get template 

https://www.buymeacoffee.com/webmonster/e/123393

💙 Get template by PayPal 

https://ko-fi.com/s/866c5c315a

🔗 Source code 

➤ https://www.buymeacoffee.com/webmonster/e/123393

➤ https://ko-fi.com/s/866c5c315a

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

☝ Start developing the project (base files + images) 

- Click on the link - Click the green button (code) 

- Click Download ZIP 

- Extract the project to the desired location 

📂Assets Icons: 

https://Boxicon.com/

Fonts: https://fonts.google.com/

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

📸 Images 

https://www.freepik.com/author/cookie...

📬 Doubts about the project send a DM to Social Media 

⌚ I answer at everytime

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

🔥 Follow me! 

Facebook https://bit.ly/3IMfk04

Instagram https://bit.ly/3GHoQyT

Twitter https://bit.ly/3IOBEqc

Linkedin https://bit.ly/3INnwNY

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

☕️ Support me 

buymeacoffee.com/webmonster

💙 Support me by PayPal 

https://ko-fi.com/webmonster01

👍 Thanks for watching, I appreciate it 

Made with ❤ by Web Monster 

Tags: #responsiveportfolio #portfoliohtmlcssjs #webmonster #html #css #javascript #webdesign #website #react

➤LINK OF THE VIDEO :

https://youtu.be/R4ZYUWaQeSU

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b6xn08r7ve9pw6118wio.png)
Why is Python so popular despite being so slow?
Published: 2023-03-16 10:43:27

Python is an interpreted language, which means that code is executed line-by-line at runtime, rather than being compiled beforehand
While it's true that Python is slower than some other programming languages, such as C or C++, it remains popular for several reasons:

**Easy to learn and use:** Python has a simple and intuitive syntax, making it easy to learn and use for both beginners and experienced programmers.

**High-level language:** Python is a high-level language, which means that it abstracts away many of the low-level details, making it easier and faster to develop applications.

**Large community and ecosystem:** Python has a large and active community of developers, which means there are many libraries and tools available to help with development tasks.

**Versatile:** Python is a versatile language that can be used for a wide range of applications, from web development to data analysis and machine learning.

**Portable:** Python code can run on multiple platforms, including Windows, Linux, and Mac OS, which makes it a flexible choice for development.

**Integration with other languages:** Python can be easily integrated with other languages such as C or C++, which makes it a useful language for extending existing applications or systems.

Overall, while Python may not be the fastest programming language but peoples are interested in taking [Python Certification](https://www.edureka.co/python-programming-certification-training) Course to get skilled, it remains popular due to its ease of use, versatility, and large ecosystem. Its strengths in other areas often make up for its slower execution speed.
Microsoft Azure Online Job Support
Tags: webdev, javascript, azure
Published: 2023-03-16 10:39:05

Azure is Microsoft`s cloud platform. Azure consists of a developing wide variety of offerings – including garage space, processing power, and smooth get admission to for directors and end-users. Microsoft Azure desires to attain that IT in groups can extrade greater flexibly, constantly works and usually saves money. With Azure, Microsoft presents complete company cloud offerings to set up and function company applications, net offerings, server, and community infrastructure in a secure, global, incredibly to be had and scalable cloud environment. Proxy Job Support, we presents the **[Microsoft Azure Online Job Support](https://proxyjobsupport.com/microsoft-azure-online-job-support/)** via all medium like Webex, Zoom, Goto Meeting, Google Meet, Team Viewer, Net meeting, etc.

**Microsoft Azure Job Support**
Online Job help is specialised in offering Microsoft Azure Job help. We have a devoted group of IT specialists with greater than a decade of running enjoy in Microsoft Azure and additionally offering on-line task help for our applicants day by day.
We provide task help day by day Monday via Friday for folks who are running in USA, UK, Singapore and different international locations in IST, EST, CST or PST time.You can offer information of your undertaking to our specialists and they may assist you to finish Microsoft Azure undertaking.


We are providing various technical courses including
[Java Training in Chennai](https://intellimindz.com/java-training-in-chennai/)
[Digital Marketing Course in Chennai](https://intellimindz.com/digital-marketing-course-in-chennai/)
[VLSI Training in Chennai](https://intellimindz.com/vlsi-training-in-chennai/)
[Catia Training in Chennai](https://intellimindz.com/catia-training-in-chennai/)
[Angular JS Training in Chennai](https://intellimindz.com/angular-js-training-in-chennai/)
[React Training in Chennai](https://intellimindz.com/react-training-in-chennai/)