Remote Work - The New Norm?

I spent the last 3 months working remotely. And probably will for many more months. I thought I would hate it. But it was …different! Google announced its work from home policy for the rest of 2020. Facebook adopted a similar policy. Twitter told its employees they could indefinitely continue working remote. We live at times when the only way to keep the virus at bay is to embed social distancing into our lives. Majority of the workforce has started working remotely to some extent recently. Working from home could make workers happier and save employees and employers money. Is remote work the new norm?
One might have pressing questions regarding working remote and what better way to answer these than uncovering what the data tells us. So I found publicly available data from Annual Developers Survey conducted by Stack Overflow for the year 2019 which consists of responses of roughly 88K developers. So essentially the context here would be relevant for people working in the Software/IT/Data Science industry. Here are some interesting facts I’ve discovered in the data.

#data-visualization #analysis #data-science #remote-working

What is GEEK

Buddha Community

Remote Work - The New Norm?

Xfinity Stream Not Working?

Xfinity, the tradename of Comcast Cable Communications, LLC, is the first rate supplier of Internet, satellite TV, phone, and remote administrations in the United States. Presented in 2010, previously these administrations were given under the Comcast brand umbrella. Xfinity makes a universe of mind boggling amusement and innovation benefits that joins a great many individuals to the encounters and minutes that issue them the most. Since Xfinity is the greatest supplier of link administrations and home Internet in the United States, it isn’t amazing that the organization gets a ton of investigating and inquiry goal demands on its telephone based Xfinity Customer Service.

#my internet is not working comcast #comcast tv remote not working #my xfinity internet is not working #xfinity stream not working #xfinity wifi hotspot not working

Justen  Hintz

Justen Hintz

1663559281

To-do List App with HTML, CSS and JavaScript

Learn how to create a to-do list app with local storage using HTML, CSS and JavaScript. Build a Todo list application with HTML, CSS and JavaScript. Learn the basics to JavaScript along with some more advanced features such as LocalStorage for saving data to the browser.

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>To Do List With Local Storage</title>
    <!-- Font Awesome Icons -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
    />
    <!-- Google Fonts -->
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap"
      rel="stylesheet"
    />
    <!-- Stylesheet -->
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container">
      <div id="new-task">
        <input type="text" placeholder="Enter The Task Here..." />
        <button id="push">Add</button>
      </div>
      <div id="tasks"></div>
    </div>
    <!-- Script -->
    <script src="script.js"></script>
  </body>
</html>

CSS:

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  background-color: #0b87ff;
}
.container {
  width: 90%;
  max-width: 34em;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#new-task {
  position: relative;
  background-color: #ffffff;
  padding: 1.8em 1.25em;
  border-radius: 0.3em;
  box-shadow: 0 1.25em 1.8em rgba(1, 24, 48, 0.15);
  display: grid;
  grid-template-columns: 9fr 3fr;
  gap: 1em;
}
#new-task input {
  font-family: "Poppins", sans-serif;
  font-size: 1em;
  border: none;
  border-bottom: 2px solid #d1d3d4;
  padding: 0.8em 0.5em;
  color: #111111;
  font-weight: 500;
}
#new-task input:focus {
  outline: none;
  border-color: #0b87ff;
}
#new-task button {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1em;
  background-color: #0b87ff;
  color: #ffffff;
  outline: none;
  border: none;
  border-radius: 0.3em;
  cursor: pointer;
}
#tasks {
  background-color: #ffffff;
  position: relative;
  padding: 1.8em 1.25em;
  margin-top: 3.8em;
  width: 100%;
  box-shadow: 0 1.25em 1.8em rgba(1, 24, 48, 0.15);
  border-radius: 0.6em;
}
.task {
  background-color: #ffffff;
  padding: 0.3em 0.6em;
  margin-top: 0.6em;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #d1d3d4;
  cursor: pointer;
}
.task span {
  font-family: "Poppins", sans-serif;
  font-size: 0.9em;
  font-weight: 400;
}
.task button {
  color: #ffffff;
  padding: 0.8em 0;
  width: 2.8em;
  border-radius: 0.3em;
  border: none;
  outline: none;
  cursor: pointer;
}
.delete {
  background-color: #fb3b3b;
}
.edit {
  background-color: #0b87ff;
  margin-left: auto;
  margin-right: 3em;
}
.completed {
  text-decoration: line-through;
}

Javascript:

//Initial References
const newTaskInput = document.querySelector("#new-task input");
const tasksDiv = document.querySelector("#tasks");
let deleteTasks, editTasks, tasks;
let updateNote = "";
let count;

//Function on window load
window.onload = () => {
  updateNote = "";
  count = Object.keys(localStorage).length;
  displayTasks();
};

//Function to Display The Tasks
const displayTasks = () => {
  if (Object.keys(localStorage).length > 0) {
    tasksDiv.style.display = "inline-block";
  } else {
    tasksDiv.style.display = "none";
  }

  //Clear the tasks
  tasksDiv.innerHTML = "";

  //Fetch All The Keys in local storage
  let tasks = Object.keys(localStorage);
  tasks = tasks.sort();

  for (let key of tasks) {
    let classValue = "";

    //Get all values
    let value = localStorage.getItem(key);
    let taskInnerDiv = document.createElement("div");
    taskInnerDiv.classList.add("task");
    taskInnerDiv.setAttribute("id", key);
    taskInnerDiv.innerHTML = `<span id="taskname">${key.split("_")[1]}</span>`;
    //localstorage would store boolean as string so we parse it to boolean back
    let editButton = document.createElement("button");
    editButton.classList.add("edit");
    editButton.innerHTML = `<i class="fa-solid fa-pen-to-square"></i>`;
    if (!JSON.parse(value)) {
      editButton.style.visibility = "visible";
    } else {
      editButton.style.visibility = "hidden";
      taskInnerDiv.classList.add("completed");
    }
    taskInnerDiv.appendChild(editButton);
    taskInnerDiv.innerHTML += `<button class="delete"><i class="fa-solid fa-trash"></i></button>`;
    tasksDiv.appendChild(taskInnerDiv);
  }

  //tasks completed
  tasks = document.querySelectorAll(".task");
  tasks.forEach((element, index) => {
    element.onclick = () => {
      //local storage update
      if (element.classList.contains("completed")) {
        updateStorage(element.id.split("_")[0], element.innerText, false);
      } else {
        updateStorage(element.id.split("_")[0], element.innerText, true);
      }
    };
  });

  //Edit Tasks
  editTasks = document.getElementsByClassName("edit");
  Array.from(editTasks).forEach((element, index) => {
    element.addEventListener("click", (e) => {
      //Stop propogation to outer elements (if removed when we click delete eventually rhw click will move to parent)
      e.stopPropagation();
      //disable other edit buttons when one task is being edited
      disableButtons(true);
      //update input value and remove div
      let parent = element.parentElement;
      newTaskInput.value = parent.querySelector("#taskname").innerText;
      //set updateNote to the task that is being edited
      updateNote = parent.id;
      //remove task
      parent.remove();
    });
  });

  //Delete Tasks
  deleteTasks = document.getElementsByClassName("delete");
  Array.from(deleteTasks).forEach((element, index) => {
    element.addEventListener("click", (e) => {
      e.stopPropagation();
      //Delete from local storage and remove div
      let parent = element.parentElement;
      removeTask(parent.id);
      parent.remove();
      count -= 1;
    });
  });
};

//Disable Edit Button
const disableButtons = (bool) => {
  let editButtons = document.getElementsByClassName("edit");
  Array.from(editButtons).forEach((element) => {
    element.disabled = bool;
  });
};

//Remove Task from local storage
const removeTask = (taskValue) => {
  localStorage.removeItem(taskValue);
  displayTasks();
};

//Add tasks to local storage
const updateStorage = (index, taskValue, completed) => {
  localStorage.setItem(`${index}_${taskValue}`, completed);
  displayTasks();
};

//Function To Add New Task
document.querySelector("#push").addEventListener("click", () => {
  //Enable the edit button
  disableButtons(false);
  if (newTaskInput.value.length == 0) {
    alert("Please Enter A Task");
  } else {
    //Store locally and display from local storage
    if (updateNote == "") {
      //new task
      updateStorage(count, newTaskInput.value, false);
    } else {
      //update task
      let existingCount = updateNote.split("_")[0];
      removeTask(updateNote);
      updateStorage(existingCount, newTaskInput.value, false);
      updateNote = "";
    }
    count += 1;
    newTaskInput.value = "";
  }
});

Related Videos

Build a Todo list app in HTML, CSS & JavaScript | JavaScript for Beginners tutorial

Build a Todo List App in HTML, CSS & JavaScript with LocalStorage | JavaScript for Beginners

To Do List using HTML CSS JavaScript | To Do List JavaScript

Create A Todo List App in HTML CSS & JavaScript | Todo App in JavaScript

#html #css #javascript

5 Things the Coronavirus Forced the World to Learn About Remote Work

Like pretty much the rest of the world, one fine day I was told to not set foot in the office any longer. Fortunately for me, I was not being let go. Offices were closing all over the world, my country included, and we were told to work from our homes. I am fortunate enough to work for a company that hasn’t wilted from the lockdowns and to have a programming job that can still continue unabated, albeit with more Zoom calls, creature comforts, and the temptation to nap in my cozy bed the next room over.

After some reading, I’ve discovered that what I’ve experienced in my time remote working is not only common across telecommuters, but there are aspects of it superior to my commuting life. **Make no mistake, the benefits of remote work are nothing to be sneezed at. **And while the pandemic has been catastrophic for everyone literally everywhere, this involuntary change of work arrangement so far has been the perfect catalyst to impress upon old school office managers that people can perform without cramming them in cubicles. By forcing everyone to try to figure out how to physically distance everyone, companies have had to come up with ways to get work done even from our homes. Our homes!

Image for post

How am I gonna micromanage- I mean, motivate my team now?!

But as we’re gonna see here, remote work is not just viable now, it’s only getting better with time, and will probably be here to stay. So let’s jump right into what the coronavirus has pushed us to learn about remote work.

#coronavirus #remote-working #remote work #coronavirus #machine learning

Rowan Rosh

1609137635

Best Remote Software Development Companies

The current pandemic situation of COVID-19 has changed the viewpoint of workspace and remote teams. Hiring remote development companies is the need of the hour! Moreover, with the evolving systems such as the adoption of 5G technology, access to global talent, usage of collaboration tools, etc. working on a remote basis is turning out to be more viable than ever before!
So, before you go ahead and hire remote software development companies, here are the few things you must consider.

Things to Consider Before Hiring Remote Software Development Companies:

Evaluate Your Development Needs
Evaluate and understand what your software demands, the technical aptitude, and experience required by the developer, the time limit of the project, etc. Measure these attributes and then hire a remote developer that fits your requirements.

Screening Process
From designing a test for the developers and verifying prior experience – the screening process is crucial. But the major screening process requires you to understand if the remote developer is trustworthy and dependable as company’s critical data is in the hands of someone who is miles away.

Proactive Communication & Meetings
Managers must encourage proactive communication among their team members. Creating an approachable atmosphere, having a defined communication channel and regular meetings can strengthen connectivity and knowledge sharing.

Availability & Flexibility
Managing teams between time zones are yet another thing that you must consider while hiring remote development providers. Countries have different time zones; hence, it is important that you as well as your remote team are all available at given hours and have flexible work timings.

Hunger for Knowledge & Self-Motivated
Remote teams need to be self-motivated and ready to upgrade their knowledge base. A remote developer’s value to a business is based entirely on his or her output. Thus, hire developers – who are passionate about learning new things and upgrading knowledge.

Listed Below are the Seven Top-Rated Software Development Companies:

1. CONTUS DigitalTeams

CONTUS DigitalTeams is one of the best remote software development providers in the world. Hire a team of dedicated remote software developers on project basis or for a long-term period. With CONTUS DigitalTeams you may also choose to extend your team with their remote engineers as per your business scope. CONTUS DigitalTeams assists all types of businesses and industries regardless of size. Their remote digital development services offer a range of full-stack development services. From front-end designs, innovative UI/UX to interactive backend development and so much more.

2. TOPTAL

Toptal is a marketplace for top software developers, engineers, programmers and coders. It is a platform focused on providing freelance developers and software engineers to mostly corporate clients. Some of the major companies as well as start-up firms work with Toptal freelancers to supplement their development teams. Toptal makes the process of hiring software developers and software engineers easy. Remote developers on Toptal are well-equipped to build a range of experience across web platforms, mobile apps, SaaP as well as SaaS solutions.

3. REINTECH

Reintech assists companies to hire developers and build dedicated software development teams from Eastern Europe. Reintech comprehends that outsourcing is not the best model for companies willing to scale up their existing development team. Hence, Reintech offers a platform that connects companies with qualified, competent, and experienced remote software developers. At Reintech companies get direct access to manually vetted remote software developers and programmers. These full-stack developers are deployed by a team of highly experienced professionals.

4. WE WORK REMOTELY

We Work Remotely (WWR) is a channel that hosts the largest remote work community in the world. WWR is a remote job board where firms pay to list remote job opportunities. The site offers a great resource for employers wanting to hire remote teams and remote development companies that are looking for people with specialized skills. Although WWR is not just limited to offering programmers or developers, they have a wide-range of databases for the same. The skilled developers on WWR create bespoke platforms and end-to-end software development solutions.

5. ITCRAFTSHIP

ITCraftship is an agency that provides recruitment processes from remote-based outsourcing to staff augmentation services. ITCraftship supports software businesses and companies with software development teams find the right programmers and developers to build competent software development teams. Moreover, at ITCraftship they also study the company’s development needs and help find the right candidates from their talent pool.

6. RELEVANT SOFTWARE

Relevant Software is an offshore software development services vendor. Relevant Software hosts senior level programmers and developers that have the expertise to build world-class software. Relevant Software are remote development providers that offer full-cycle product development from ideation to execution for organizations across the globe. Relevant Software offers a wide variety of services such as – mobile app development, UI/UX design, CRM systems, business software, maintenance, analytics, etc.

7. INTUZ

Intuz is a software development company and technological service provider. They offer remote development services and allow companies to hire developers or extend their development team. Intuz follows outstanding coding practices, reviews internal codes, and works on the highest standards followed by the industry. The appointed remote developers work on a real-time basis that can be monitored in a secured environment. Intuz offers a number of services including mobile app development, cloud computing and IoT development.

Conclusion:

It is best for tech companies and businesses with software to offer remote working options so that they can capitalize on savings in infrastructure and reduced overhead costs. This is why there is no doubt that remote software development is slowly going to become the new normal compared to the traditional work-from-office model. So, if you need help in extending your remote software development team or need to hire dedicated developers – speak with an expert!

#hire developers #remote developers #hire remote team #hire remote developers #remote teams #remote development providers

Remote Work - The New Norm?

I spent the last 3 months working remotely. And probably will for many more months. I thought I would hate it. But it was …different! Google announced its work from home policy for the rest of 2020. Facebook adopted a similar policy. Twitter told its employees they could indefinitely continue working remote. We live at times when the only way to keep the virus at bay is to embed social distancing into our lives. Majority of the workforce has started working remotely to some extent recently. Working from home could make workers happier and save employees and employers money. Is remote work the new norm?
One might have pressing questions regarding working remote and what better way to answer these than uncovering what the data tells us. So I found publicly available data from Annual Developers Survey conducted by Stack Overflow for the year 2019 which consists of responses of roughly 88K developers. So essentially the context here would be relevant for people working in the Software/IT/Data Science industry. Here are some interesting facts I’ve discovered in the data.

#data-visualization #analysis #data-science #remote-working