teleren/devto huggingface dataset:
Liman MYS setup on Ubuntu 18.04
Tags: ubuntu, liman, php
Published: 2021-08-17 15:01:54

As of the development of the Liman MYS, it is packaged for use on the Pardus operating system. However, there is no obstacle to running it on Debian based systems. It specifically expects PHP 7.3 version to be found due to its dependencies. 

There is no PHP 7.3 version on Ubuntu 18.04, but it's pretty easy to add.

# Adding PHP 7.3 on Ubuntu 18.04

With the following repository and update, PHP 7.3 version will be available on Ubuntu.

```
sudo apt install software-properties-common
sudo add-apt-repository ppa:ondrej/php
sudo apt update
```

In addition, two packages must be updated:

```
sudo apt install php-sqlite3 php-curl
```

# Adding the Aciklab Repository where the Liman is located


With the following two commands, it is possible to add the repository to the system and to introduce the public key of this repository to the system.


```
echo "deb [arch=amd64] http://depo.aciklab.org/ onyedi main" | sudo tee /etc/apt/sources.list.d/acikdepo.list
sudo wget -qO - http://depo.aciklab.org/public.key | sudo apt-key add -
```

# Installing the Liman from the repository

In order to install the current Liman from the repository, the following two commands are required.


```
sudo apt update
sudo apt install liman
```

# Creating an Admin Password and entering the interface

The first thing to do after installation is to create an Administrator password. For this, we need the following two commands.

```
sudo su liman
sudo php /liman/server/artisan administrator    
```

At the end of this step, you will see your username and password to log in from the Liman web interface.
If you write the IP address of the server on which you installed the Liman on your web browser and log in with this information, you will be logged into the Web interface of the Liman.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ny7y222vofpbksav0834.png)
MY INTERNSHIP WITH ZURI
Published: 2021-08-17 15:01:39

My name is Abidoye John Oluwatobi, with the stack: Frontend Developer. I have a functioning Github and Figma account already and my E-mail: Abidoyejay@gmail.com  . Am really interested in learning and acquiring this skill, Am writing this article base on my internship in Zuri I have really long for this great privilege to have internship here . I really desired to be trained and to achieve all a lot about my stack within the period of this 8 week. 
Below are my goals to become a Frontend Developer in which that is my stack
1.	I want to be a frontend developer at the end of the internship
2.	To be able to work remotely with  others 
3.	To understand from scratch to the highest of Frontend Software Developing
4.	To build at least 5 project during the process of learning
5.	To be able to teach others after been taught  
I believe from the Zuri internship I will learn how to be a Frontend Developer and this is the link to my internship arena https://zuri.team or https://internship.zuri.team 
and there also various links for beginner in Figma and Git 
https://youtu.be/3q3FV65ZrUs (Figma tutorial link)
https://youtu.be/8JJ101D3knE (Git Tutorial link)
https://youtu.be/W6NZfCO5SIk ( a Tutorial link to javascript for beginner). Thank you for reading.. wait for my next post!!!!!!
HNG 8.0 INTERNSHIP
Tags: webdev, javascript, node, csharp
Published: 2021-08-17 14:59:20


I'm excited to be in this year's HNG internship.

HNG Internship is a Large scale virtual internship that has a learning environment that enhances the tech experience of its interns providing them with real life problems with that production feel experience.

it composes of so many tracks such as Product Design, Digital Marketing, Backend, Frontend and Mobile Development.

Actually, I'm only interested in Frontend and backend 

To know much about the Internship 
Visit
https://zuri.team or
https://internship.zuri.team or
https://training.zuri.team

My Goals for this internship includes
1. Better my understanding of Specifications
2. Work in a virtual team
3. Better my Programming skills
4. Learn about new tools used in production

Also, you can come up to speed with some technologies used in this internship

HTML/CSS: https://www.youtube.com/watch?v=mU6anWqZJcc

NodeJs: https://www.youtube.com/watch?v=Oe421EPjeBE

Figma: https://butteracademy.com/figma-tutorial-beginners

GIT: https://www.edureka.co/blog/git-commands-with-example/


 Thanks for reading...
Get FREE Kubernetes Certification with IBM
Published: 2021-08-17 14:48:37

#Welcome back to Tutorial Tuesday!

Get a Certification in deploying and operating Kubernetes clusters for FREE with IBM. That's right, you said it. No, that wasn't a typo. No, you don't have to pay for the Kubernetes Certification or Badge at the very end once you complete everything.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bui28j9h0e1yqxchjvlr.png)

#Dev Setup
**Sign-Up for a Free [IBM Cloud Account](https://ibm.biz/cloud-sign-up)**
**[IBM Open Labs: Kubernetes on IBM Cloud](https://developer.ibm.com/openlabs/iks)**

You can grow your skills with IBM Cloud Open Labs at no cost. IBM CloudLabs offers interactive browser-based training for deploying and operating clusters on IBM Cloud Kubernetes Service for up to four hours. There are no downloads or configuration required. You will learn the skills you need to run an enterprise cloud with Kubernetes.

IBM Kubernetes Certification will show you how to deploy and manage applications on IBM Cloud Kubernetes Service. There are 3 labs to complete in the certification.

##Kubernetes on IBM Cloud Certification includes:

**Containers & Kubernetes Essentials**
Learn the core concepts of Kubernetes and how to use Docker containers on Kubernetes.

**Scalable Web Apps on Kubernetes**
Learn how to scaffold a web application, run it locally in a container and deploy it to a Kubernetes cluster.

**Analyze Logs & Monitor App Health**
Learn how to analyze different types of logs and monitor the performance of your applications and clusters.

###Want to experiment a little longer?

With a FREE IBM Cloud Lite Tier Account, you will have access to one IBM Cloud Kubernetes Service cluster at no charge that will be available for 30 days. Plus, you can try all the Kubernetes-native integrations to extend the capabilities of your cluster.

**Tag me on LinkedIn once you add your Kubernetes Certification Badge to your profile! I wanna see!**

##Want to earn more [FREE Cloud Certifications from IBM](https://ibm.biz/cloud_badges)?

You can find them **[HERE](https://ibm.biz/cloud_badges)**. Search for **IBM**, and then click **Badges** from the filter options.

##You've Got This!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18jfnp4tbjwyygexin2z.gif)

Tune in next week for our next Tutorial Tuesday post.

Connect w Me!
https://linktr.ee/jritten
My Zuri internship goals
Published: 2021-08-17 14:41:34

I recently enrolled for an online [internship](https://zuri.team) which will run for eight months and I hope to get the best out of it. I am an aspiring backend web and mobile developer who is also interested in the Data science/AI/ML realm🤓. by the end of the eight weeks i should be able to step up my backend games, hopefully.
I will be sharing some links to using figma, Git, html and python basics.
[Python tutorial](https://www.youtube.com/watch?v=rfscVS0vtbw)
[figma tutorial](https://www.figma.com/file/AXFzLIOKhNxAScbHyX8ZLn/Figma-Basics)
[Github tutorial](https://www.youtube.com/watch?v=3fUbBnN_H2c)
[Html5 tutorial](https://www.youtube.com/watch?v=mU6anWqZJcc)

i hope you all seeing this can make use of the links shared. wish you all a productive and successful tech journey.
Article on HNG internship
Published: 2021-08-17 14:35:50

n the ongoing HNG internship, I have set the following goals.
1. To complete all the given tasks
2. To learn and study all the courses under my track (Backend) being made available on https://trainings.zuri.team and applied them correctly.
3. To carried out all projects or lab exercise posted.
4. To be among the successful candidate at the end of the internship.

In the ongoing HNG internship, the following are my set goals.
1. I will study and learn all the courses provided through https://trainings.zuri.team
2. I will undertake all the task and projects given
3. I will make sure I am among the successful candidate.
4. Finally I will ensure I master all what will be taught so as to be an excellent and renown personality in my track (Backend) wish to have achieved by the end of 8 weeks the following 1. Be able to write APIs, 2. Be able to pull and push a request, 3. To understand all the rudiments of backend using python programming language.

Python beginner tutorial:
Print("Hello, world!)
This line of command will print "Hello, world!" to the screen.
My Goals for HNGi8
Published: 2021-08-17 14:28:17

Technology is the future and programming is the language of the future, I have always been interested in Computer programming since a very young age and now HNGi8 have given me the opportunity to begin my deep dive into programming , I am familiar with HTML and CSS and by the end of these 8 weeks I hope to further my knowledge on JavaScript and all its frameworks and also to be able to create highly responsive and functioning web pages.
Below are links to tutorials on

Figma: https://youtu.be/4W4LvJnNegA
HTML: https://youtu.be/qz0aGYrrlhU
CSS: https://youtu.be/1Rs2ND1ryYc
JavaScript: https://youtu.be/PkZNo7MFNFg
Git: https://youtu.be/RGOj5yH7evk


https://training.zuri.team/
https://internship.zuri.team/
https://zuri.team/
🎬Simple Countdown Timer | Vanilla JavaScript⏱️
Tags: javascript, css, beginners, webdev
Published: 2021-08-17 14:23:42

Hello, DEV, sometimes, you’re going to need to build a JavaScript countdown clock. 
You may have an event, a sale, a promotion, or a game. You can build a clock in Vanilla JavaScript rather than reaching for the nearest plugin.
You’ll have more control. You will have built the clock to behave exactly the way you want it to (rather than trying to bend a plugin to your will).
So, here’s how to make your own countdown clock in just a few lines of JavaScript.

---

{% youtube nhaAARFE3MY %}

---

🧠 **Concepts covered in this project:**

* Set a valid end date.
* Calculate the time remaining. 
* Convert the time to a usable format. (Milliseconds)
* Output the clock data as a reusable object
* Display the clock on the page 

---
Starting an internship with the Zuri Team
Tags: 33
Published: 2021-08-17 14:22:05

#Hello World,
I'm **Kingsley Onyeka** Ifeanyi, I'm about to embark on an interesting journey with the Zuri Team, and I hope to share my adventure with you all.

##Goals for the 8 weeks Internship
-Understand my frontend skills (HTML, CSS, Javascript and React) better.
-Learn Typescript and Graph ql.
-Build Real life Projects.
-Share the difficulties and the interesting part of the internship every 
  Sunday of each week.
-Work and collaborate with other developers.
-By the end of the internship I hope to secure a remote frontend 
  developer, javascript or fullstack developer job.

Thanks [zuri team](https://zuri.team) 

##Here are some awesome beginner's tutorials

[Figma Tutorial](https://www.youtube.com/watch?v=FTFaQWZBqQ8)
[Version Control with Git](https://www.youtube.com/watch?v=PWqS4NBhEY8)
[Learning HTML and CSS](https://www.youtube.com/watch?v=mU6anWqZJcc)
[Using Javascript.](https://www.youtube.com/watch?v=W6NZfCO5SIk&t=17s)
Non-Linear Workdays Are Yet Another Benefit of Remote Work
Tags: remoteworking, habit, routine, remote
Published: 2021-08-24 07:34:28

---
title: Non-Linear Workdays Are Yet Another Benefit of Remote Work
published: true
date: 2021-08-17 14:17:57 UTC
tags: remoteworking,habit,routine,remote
canonical_url: https://x-team.com/blog/non-linear-workday/
---
A routine is a double-edged sword. On the one hand, a good routine structures your day so it's easier to stay healthy, productive, fulfilled, and so on. On the other hand, a bad routine (or any routine eventually) can make you feel stuck in a rut, unable to get out, a tiny cog in a disinterested wheel.

Switching up your routine can fill your life with a fresh breath of air, but you have little freedom to do so when you work in an office. You're expected to be in by a certain time and work for a set number of hours. There's little you can do about this, particularly when you're early in your career.

Remote work gives you the freedom to create a routine that works for you or change a routine when it stops working for you. You can [design your workday as you please](https://x-team.com/blog/avoid-procrastinating-as-a-remote-developer/).

- Are you a morning person? Start your workday at 6 AM and do most of your work in the morning. Then go to the gym at 3 PM and pick up the kids from school without worrying about work.
- Have a sudden urge to work from someplace else? Walk to a nearby coffee shop and work from there for a few hours. Then return home, prepare dinner, and work for a few hours when everyone else is asleep. 
- Live close to the beach and want to catch a few waves late morning? Work from 7 - 10 AM, go surfing, then come back and work the rest of the afternoon and evening.

It's vitally important to understand that it's not _just_ remote work that makes a non-linear workday possible. It's remote work combined with [asynchronous communication](https://x-team.com/blog/remote-work-asynchronous-communication/), [few meetings](https://x-team.com/blog/meeting-alternatives/), and a culture where you're not judged _how_ you get the work done, as long as you get it done.

The non-linear workday also doesn't mean vacation. As a remote worker, you still have to work and you're still expected to meet certain deadlines and quality standards. But it doesn't matter where you do it or how long it took you. It's a new paradigm of work, one that gives you the freedom to create the lifestyle you want.

* * *

Do you want to join a company that allows you to work remotely with non-linear workdays? You can! X-Team is always looking for experienced developers. [Send through your application today](https://x-team.com/developers/).
SDLC: Agile Model
Tags: productivity, agilemodel, softwareengineering, softwaredevelopmentlifecycle
Published: 2021-08-17 14:15:01

Agile model is commonly used by SDLC these days because of its adaptability to changing requirements . It is a combination of Iterative & Incremental models . It focuses on process adaptability & rapid delivery of working software products . 

In Agile , requirements are divided in small incremental builds (iteration). Each build lasts for about 1-2 months . Each build is planned in advance . At the end of each build customers feedback is taken on the current build. The final build has all requirements.

Here’s the diagram of Agile Model:
![Agile Model Workflow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqrd568m5oigz62nbad3.jpg)
Each Build has to go through Design , Development and Testing.

Check out my blog [SDLC](https://dev.to/rishabhraghwendra/software-development-life-cycle-beginners-guide-k8p) to get the gist of the process.

**Use Cases**
- Frequent changes are required
- Highly skilled team is available
- Customer is ready to have interaction frequently
- Project size is small

**Pros of Agile Model**
- Easy to manage
- Little or no planning required
- Reduces total development time
- Customer interaction is the backbone of the model
- Minimum documentation required
- Adaptive to changing requirements

**Cons of Agile Model**
- Not good fit for complex projects
- Risk of sustainability , maintainability & extensibility 
- Heavily dependent on customer interaction . If customer is not clear then team can be guided in wrong direction
- Very high dependency on an individual since less documentation is made 
- Due to less documentation passing of the project to new team members is difficult 
- An overall plan and an agile expert/leader is needed without him/her the model is difficult to follow .

So far, we have discussed the Model, it’s use cases, pros & cons.

More information on waterfall model & iterative model is in my other blog’s, here’s the link :
**WaterFall Model:** https://dev.to/rishabhraghwendra/sdlc-waterfall-model-307n
**Iterative Mode:** https://dev.to/rishabhraghwendra/sdlc-iterative-model-1lb6

Feel free to comment if you have any questions. All comments are greatly appreciated. If you like the blog , don’t forget to like it & share with your friends/colleagues.

To see my projects or to get in personal touch , follow me on:
**Linkedin:**https://www.linkedin.com/in/rishabh-sde/
**GitHub:** https://github.com/Rishabhraghwendra18

Thanks for reading
Written with ❤️ & passion 🔥 by Rishabh Raghwendra
Sign Up Form like Instagram with Bootstrap 5.1.0
Tags: codepen, bootstrap, html, forms
Published: 2021-08-17 14:14:28

A simple example of a sign-up form similar to Instagram's sign-up form using Bootstrap 5, which predominantly uses Bootstrap's built-in classes, as well as floating labels for form fields.

{% codepen https://codepen.io/typo3-freelancer/pen/YzVbJQg %}

## Here's the compiled HTML:

```
<section class="py-4">
  <div class="container">
    <div class="row d-flex align-items-center justify-content-center">
      <div style="max-width:420px;">
        <form action="#" class="bg-white border py-4 px-5" method="get">
          <div class="text-center mb-3">
            <i class="fab fa-bootstrap fa-5x text-secondary mb-2"></i>
            <p class="text-muted fw-bold">
              Sign up to see photos and videos from your friends.
            </p>
          </div>
          <div class="mb-3">
            <a class="btn btn-primary d-block bg-gradient" href="#"><i class="fab fa-facebook"></i> Log in with facebook</a>
            <p class="my-3 text-center or">
              OR
            </p>
          </div>
          <div class="form-floating mb-3">
            <input class="form-control" name="email" placeholder="Mobile Number or Email" required="" type="email" /><label>Mobile Number or Email</label>
          </div>
          <div class="form-floating mb-3">
            <input class="form-control" name="fullname" placeholder="Full Name" required="" type="text" /><label>Full Name</label>
          </div>
          <div class="form-floating mb-3">
            <input class="form-control" name="username" placeholder="Username" required="" type="text" /><label>Username</label>
          </div>
          <div class="form-floating mb-3">
            <input class="form-control" name="password" placeholder="Password" required="" type="password" /><label>Password</label>
          </div>
          <div class="mb-2">
            <button class="btn btn-primary fw-bold w-100 bg-gradient" href="#" type="submit">Sign Up</button>
          </div>
          <div class="small text-center">
            By signing up, you agree to our Terms , Data Policy and Cookies Policy.
          </div>
        </form>
        <div class="bg-white py-4 px-5 text-center border mt-4">
          <p class="m-0">
            Have an account? <a href="#">Log In</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
```

## CSS

Here is the only used additional class ".or", which ensures that there is a smooth line after the word "or". This snippet can also be used for other projects when a visual separator is needed.

```
.or{
  position: relative;
}
.or:before{
  content: '';
  height: 1px;
  background: linear-gradient(to right,silver,silver,rgba(255,255,255,0),rgba(255,255,255,0),silver,silver);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 0;
}
```
MY GOALS FOR HNGI8 INTERNSHIP PROGRAM
Published: 2021-08-17 14:03:52

I am Onafete Shadrach and I have been so happy to be part of this opportunity created by HNG internship program. I am participating in this internship with the hope that it will help me in improving in the following areas:

a. Improving my networking skills: Since it  is often said that our lives are influenced by the people we meet and how  we make use of this opportunity, I would like to join this internship program in order to meet people with like minds ad share the same mindset that I have which I believe will help me achieve future goals. I also see it as an opportunity to explore my career options  and allow me ask detailed questions about my stack
b. Bolster my resume: One of my key goals in this internship is resume-building. I do not just want to list the internship on my resume but have tangible examples of things I created and also tangible examples of job skills from this internship which will give me a edge over others in the larger society.
c. To improve my time management skills: I have discovered that time is a vital tool for every professional. I would want to be able to perform more work in less time. I hope this internship would be able to help me maximize my time when coding.
d. Be a team member: I am someone who loves working with people and sharing ideas and I see this as an opportunity to be in that situation once again.
e. Land a job: I understand that this internship can give me an opportunity to get a job with a decent pay and I intend using this opportunity greatly
f. Working based on client feedback: I will want to use the opportunity to learn critical skills such as creating webpage layout, writing codes, editing website contents and different adjustments based on clients demand.
     I am so happy with this opportunity https://internship.zuri.team gave to me.

These are the following tutorial links for beginners
Figma link: https://youtu.be/FTFaQWZBqQ8
Git link: https://youtu.be/8JJ101D3knE
Html link: https://youtu.be/qz0aGYrrlhUhttps:/
Python link: https://youtu.be/kqtD5dpn9C8
go link: https://youtu.be/YS4e4q9oBaU
PHP link: https://youtu.be/YS4e4q9oBaU
A small TailwindCSS plugin to emulate support for Flexbox gap in older Safari/iOS browsers
Tags: tailwindcss
Published: 2021-08-17 14:01:16

[Safari 14.1 (April 2021) added support for the `gap` property to be used with Flexbox as well as Grid](https://css-tricks.com/safari-14-1-adds-support-for-flexbox-gaps/), but lots of users will still be on older versions of Safari if they have been putting off upgrading their Mac or iOS device.

Here's a small TailwindCSS plugin that adds a new set of `flex-gap` utilities (and an optional `flex-gap-wrapper` class) to use a negative margins hack to emulate `gap` in older browsers. 

The plugin was based on [this Github comment](https://github.com/tailwindlabs/tailwindcss/discussions/2316#discussioncomment-409062) and [this example that I found via Twitter](https://codesandbox.io/s/exciting-saha-pyk7k). There is also the [benface/tailwindcss-gap](https://github.com/benface/tailwindcss-gap) plugin, but it currently lacks support for Tailwind 2.

Here's an example of my little plugin in use:

```html
<div class="flex-gap-wrapper">
  <div class="flex flex-wrap flex-gap-4">
    <div>Item one</div>
    <div>Item two</div>
    <div>Item three</div>
  </div>
</div>
```

The `flex-gap-wrapper` element is optional but can prevent issues with overflowing background colours.

Here's the plugin code:

```javascript
plugin(({ addUtilities, e, theme, variants }) => {
  addUtilities({
    '.flex-gap-wrapper': {
      overflow: 'auto',
    },
    // This bit might need some work if you use a custo,
    // prefix. See https://tailwindcss.com/docs/plugins#manually-prefixing-selectors
    // for more info on manual prefixing complex selectors.
    '[class*="flex-gap-"]:not([class*="flex-gap-wrapper"])': {
      margin: 'calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap))',
      '& > *': {
        margin: 'calc(var(--gap)) 0 0 calc(var(--gap))',
      },
    },
  });

  Object.entries(theme('gap')).forEach(([key, value]) => {
    addUtilities(
      {
        [`.flex-gap-${e(key)}`]: {
          '--gap': value,
        },
      },
      variants('gap'),
    );
  });
}),
```