Mrinal Raj

Mrinal Raj

1624558260

Fireside Chat with the Delve Team

Delve, the open-source Go debugger that was created in 2014 by Derek Parker, now powers most Go IDEs and editors.

Even now, 7 years on, Delve continues to improve and become more powerful with the help of Allessandro Arzilli, a long-time contributor and influential figure for the debugger’s development.

Have you ever wondered about the origins of Delve and how the team manages such a successful project?

To find out how they do it, join us for a live webinar at 4:00 pm CEST on June 24, 2021.

Here’s a sneak peek of some of the topics we’ll discuss:

  • How new Go versions affect the debugger, and how the team manages them. As part of this conversation, we’ll discuss how the register-based calling changes in Go 1.17 and the upcoming generics-related changes in Go 1.18 affect the debugger.

  • How the ARM64 came to be, how to port the debugger to other platforms, such as ARM32, and what it takes to contribute to the project.

  • The Delve team’s recent migration to TeamCity Cloud for their CI pipeline and the complexity of supporting a cross-architecture / cross-platform project.

  • Our guests’ favorite features, such as record and replay debugging and call injections.

We’ll also be answering questions from the community. Feel free to submit your questions before the webinar by tweeting to us @GoLandIDE. Or take part in the stream and pose them to our guests live.

#developer

What is GEEK

Buddha Community

Fireside Chat with the Delve Team
Zachary Palmer

Zachary Palmer

1555901576

CSS Flexbox Tutorial | Build a Chat Application

Creating the conversation sidebar and main chat section

In this article we are going to focus on building a basic sidebar, and the main chat window inside our chat shell. See below.

Chat shell with a fixed width sidebar and expanded chat window

This is the second article in this series. You can check out the previous article for setting up the shell OR you can just check out the chat-shell branch from the following repository.

https://github.com/lyraddigital/flexbox-chat-app.git

Open up the chat.html file. You should have the following HTML.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Chat App</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/chat.css" />
</head>
<body>
    <div id="chat-container">
    </div>
</body>
</html>

Now inside of the chat-container div add the following HTML.

<div id="side-bar">
</div>
<div id="chat-window">
</div>

Now let’s also add the following CSS under the #chat-container selector in the chat.css file.

#side-bar {
    background: #0048AA;
    border-radius: 10px 0 0 10px;
}
#chat-window {
    background: #999;
    border-radius: 0 10px 10px 0;
}

Now reload the page. You should see the following:-

So what happened? Where is our sidebar and where is our chat window? I expected to see a blue side bar and a grey chat window, but it’s no where to be found. Well it’s all good. This is because we have no content inside of either element, so it can be 0 pixels wide.

Sizing Flex Items

So now that we know that our items are 0 pixels wide, let’s attempt to size them. We’ll attempt to try this first using explicit widths.

Add the following width property to the #side-bar rule, then reload the page.

width: 275px;

Hmm. Same result. It’s still a blank shell. Oh wait I have to make sure the height is 100% too. So we better do that too. Once again add the following property to the #side-bar rule, then reload the page.

height: 100%;

So now we have our sidebar that has grown to be exactly 275 pixels wide, and is 100% high. So that’s it. We’re done right? Wrong. Let me ask you a question. How big is the chat window? Let’s test that by adding some text to it. Try this yourself just add some text. You should see something similar to this.

So as you can see the chat window is only as big as the text that’s inside of it, and it is not next to the side bar. And this makes sense because up until now the chat shell is not a flex container, and just a regular block level element.

So let’s make our chat shell a flex container. Set the following display property for the #chat-window selector. Then reload the page.

display: flex;

So as you can see by the above illustration, we can see it’s now next to the side bar, and not below it. But as you can see currently it’s only as wide as the text that’s inside of it.

But we want it to take up the remaining space of the chat shell. Well we know how to do this, as we did it in the previous article. Set the flex-grow property to 1 on the #chat-window selector. Basically copy and paste the property below and reload the page.

flex-grow: 1;

So now we have the chat window taking up the remaining space of the chat shell. Next, let’s remove the background property, and also remove all text inside the chat-window div if any still exists. You should now see the result below.

But are we done? Technically yes, but before we move on, let’s improve things a little bit.

Understanding the default alignment

If you remember, before we had defined our chat shell to be a flex container, we had to make sure we set the height of the side bar to be 100%. Otherwise it was 0 pixels high, and as a result nothing was displayed. With that said, try removing the height property from the #side-bar selector and see what happens when you reload the page. Yes that’s right, it still works. The height of the sidebar is still 100% high.

So what happened here? Why do we no longer have to worry about setting the height to 100%? Well this is one of the cool things Flexbox gives you for free. By default every flex item will stretch vertically to fill in the entire height of the flex container. We can in fact change this behaviour, and we will see how this is done in a future article.

Setting the size of the side bar properly

So another feature of Flexbox is being able to set the size of a flex item by using the flex-basis property. The flex-basis property allows you to specify an initial size of a flex item, before any growing or shrinking takes place. We’ll understand more about this in an upcoming article.

For now I just want you to understand one important thing. And that is using width to specify the size of the sidebar is not a good idea. Let’s see why.

Say that potentially, if the screen is mobile we want the side bar to now appear across the top of the chat shell, acting like a top bar instead. We can do this by changing the direction flex items can flex inside a flex container. For example, add the following CSS to the #chat-container selector. Then reload the page.

flex-direction: column;

So as you can see we are back to a blank shell. So firstly let’s understand what we actually did here. By setting the flex-direction property to column, we changed the direction of how the flex items flex. By default flex items will flex from left to right. However when we set flex-direction to column, it changes this behaviour forcing flex items to flex from top to bottom instead. On top of this, when the direction of flex changes, the sizing and alignment of flex items changes as well.

When flexing from left to right, we get a height of 100% for free as already mentioned, and then we made sure the side bar was set to be 275 pixels wide, by setting the width property.

However now that we a flexing from top to bottom, the width of the flex item by default would be 100% wide, and you would need to specify the height instead. So try this. Add the following property to the #side-bar selector to set the height of the side bar. Then reload the page.

height: 275px;

Now we are seeing the side bar again, as we gave it a fixed height too. But we still have that fixed width. That’s not what we wanted. We want the side bar (ie our new top bar) here to now be 100% wide. Comment out the width for a moment and reload the page again.

So now we were able to move our side bar so it appears on top instead, acting like a top bar. Which as previously mentioned might be suited for mobile device widths. But to do this we had to swap the value of width to be the value of height. Wouldn’t it be great if this size was preserved regardless of which direction our items are flexing.

Try this, remove all widths and height properties from the #side-bar selector and write the following instead. Then reload the page.

flex-basis: 275px;

As you can see we get the same result. Now remove the flex-direction property from the #chat-container selector. Then once again reload the page.

Once again we are back to our final output. But now we also have the flexibility to easily change the side bar to be a top bar if we need to, by just changing the direction items can flow. Regardless of the direction of flex, the size of our side bar / top bar is preserved.

Conclusion

Ok so once again we didn’t build much, but we did cover a lot of concepts about Flexbox around sizing. 

#css #programming #webdev 

Chet  Lubowitz

Chet Lubowitz

1595429220

How to Install Microsoft Teams on Ubuntu 20.04

Microsoft Teams is a communication platform used for Chat, Calling, Meetings, and Collaboration. Generally, it is used by companies and individuals working on projects. However, Microsoft Teams is available for macOS, Windows, and Linux operating systems available now.

In this tutorial, we will show you how to install Microsoft Teams on Ubuntu 20.04 machine. By default, Microsoft Teams package is not available in the Ubuntu default repository. However we will show you 2 methods to install Teams by downloading the Debian package from their official website, or by adding the Microsoft repository.

Install Microsoft Teams on Ubuntu 20.04

1./ Install Microsoft Teams using Debian installer file

01- First, navigate to teams app downloads page and grab the Debian binary installer. You can simply obtain the URL and pull the binary using wget;

$ VERSION=1.3.00.5153
$ wget https://packages.microsoft.com/repos/ms-teams/pool/main/t/teams/teams_${VERSION}_amd64.deb

#linux #ubuntu #install microsoft teams on ubuntu #install teams ubuntu #microsoft teams #teams #teams download ubuntu #teams install ubuntu #ubuntu install microsoft teams #uninstall teams ubuntu

Alex  Sam

Alex Sam

1576484092

Drive Engagement and Interaction Voluntarily via Team Collaboration Chat Apps

Emails are almost extinct. The need to stay glued to your office desk is no more a necessity to stay connected with teams. Chat applications are here and are changing the way teams collaborate and communicate with each other with increased mobility.

Chats have gone a long way from being reserved only for socializing purposes to hosting important team discussions and meetings where ideas are born and rolled out. Team chat apps built for iOS and Android devices are the new collaborative tools that business people thrive on.

Chat apps solutions are seeing technical teams in technology companies, be it startups or an enterprise-grade companies as early adopters as they have started realizing the benefits of flexible and frictionless communication that these chat solutions power.

Advantages that Pose Real-time Instant Messaging Apps as Convenient Alternatives for Group or Team Communication Over Conventional emailing Systems

1. Ad-hoc Conversations
Apart from bringing employees together chat apps pave way for grouping teams for ad-hoc conversations where technical people can discuss over tasks, brainstorm and come up with ideas.

2. Epicenter of Tasks
Through an array of integrations that chat applications offer, teams, especially those involved in product development, can centralize their accounts on other collaborative platforms like GitHub, Jira into the chat application itself creating an ecosystem that caters to all collaboration purposes.

3. Record Keeping and Easy Search
Key developments that happen over a verbal discussion need to be noted down else chances are more likely for losing a crucial breakthrough achieved over a brainstorming session. Team collaboration chat apps record every improvement and contents that dates back to any time can be fully searched.

4. Switch Over Devices Based on Convenience
Multi device compatibility ensures that your employees are connected with teams no matter what devices they are using. If on-the-go connectivity is your preference, get things done on smartphone. If convenience matters the most, switch over to your desktop and continue from where you left.

5. Multiple Communication Medium
Text messages, voice calls, video calls, VOIP calls, direct messages, group chats on iOS and Android extend the modes and medium through which you can get to communicate with your peers, teams and entire organization for that matter.

6. Everything Else that Count
Adding to these, features like file sharing (multiple file types), video conferencing, opinion generation through polls, task delegation, followups, update, personalized notification settings, reminders, to-do list creation and much more can be done through real-time team chat applications.

However, the limitations of team collaboration chat apps end here only if you think so. With every other team, apart from development teams, like those that operational level, management level, marketing level etc can also get to reap the benefits of chat apps. Read on to know the

Instances Which Chat Apps Prove Useful for All Teams in an Organization

Why restrict the benefit of real-time instant messaging chat app to only technology teams into development and designing. Every other team in your office or organization can get a fair share of its advantages.

Here are some of the instances where chat apps can be useful for other teams.
Human Resource team can build employee engagement programs. HRs can get fast response from employees, build a powerful relationship with them, conduct opinion poll for decision making. The hardly-used suggestion box in office premises can be replaced by a chat app for a more effective and instant feedback.

An organization’s system administration team can stay connected with employees on the go and be there on time to resolve issues. Moreover, notifications on breakdowns and other technical issues can help in saving the downtime. Alerts and reminders on instant messaging applications can contribute towards proactive care.

For marketing professionals and sales executives, chat apps on multiple platforms like iOS, Android can reduce series of mail threads into chat logs that are easily searchable. Live video calls and voice calls can help them build better client relationship and both pre and post sales support can get more livelier and personalized with chat apps.

At operational level, chat apps can connect an organization’s representative with many third party vendors to keep up on timely delivery, maintenance, bill payments and more.

Group or Team collaboration applications are the new age communication tools that can contribute for successful communication between employees of an organization in multiple angles. From initiating an idea to getting works done, real time chat apps have started helping organization at many instances which are tough to handle when done conventionally.

If you are into an organization but still have not got a chat app on board, it is high time that your build a chat app on iOS and Android.

#Team Collaboration Chat Apps #real time chat apps #build a chat app #real-time instant messaging chat app #Chat apps solutions

Aditya Goswami

Aditya Goswami

1613637410

How To Hire Dedicated Software Development Team

We all have been agreeing that we need to take the help of top talent to fulfill the requirements of our complex tasks at some business point. Sometimes, your in-housing team fails to match client’s requirements, or we can say market needs. At that moment, you need to take one step forward and hire dedicated software development team to match the client’s requirements and market trends. Before going ahead, take a look at the dedicated development team model.

When you are going to do a partnership with a software development company, a dedicated software development team is one method. On the other hand, fixed price and time are other models. Every model has its uniqueness, benefits, and drawbacks. Let’s talk about a dedicated development team.

When clients look for a dedicated team for software development, they want to hire a team of developers to fulfill the tasks of the complex project. That team of developers collaborates with the in-housing squad, although they work remotely. They take responsibility for the project and try to make the project successful. They dedicate themselves to match all requirements of the project in the market or the latest trends.

How To Hire Dedicated Software Development Team

Dedicated software development team - Talents

  • Backend and frontend developers
  • Project manager
  • Business analysts
  • DevOps
  • UX/UI designers
  • Quality assurance engineers

When hiring a development team is a Good Choice?

  • When you have some complex project, and the in-housing team is inexperienced.

  • When you don’t have a resource of the dedicated web development team to match the complexity of your projects.

  • When you want to take your business to the next level in terms of client satisfaction and expertise.

  • When you have multiple projects aligned with the same deadlines, a software development dedicated team is an excellent choice to go with.

  • When you don’t have enough time to hire a team of developers for your in-house.

  • When you expand your business with a dedicated software development team, they take care of your specific needs and reach out to all the possible and desired objectives.

Benefits of outsourcing a dedicated team

Because of the following reasons, you need to hire development teams for your business.

Cost-effectiveness
When looking for a dedicated development team for hire, you do not require to spend your valuable time hiring IT specialists individually and forming a team. You also not needed to build an infrastructure for them. They will work remotely with their resources, so there is no additional cost. They can start working on your project by the time you hire dedicated team, and there is no delay or settlement needed.

Focus on the projec

The software dedicated development team you hire does the work for only your project during the set time period. So, their full focus is solely on your project.
You can also check the work process and get updates regarding your project regularly. This collaboration takes your project to the next level and provides the best satisfaction to the clients.

Flexible approach

A dedicated development team is the best choice for large-scale projects. It gives you one benefit: if you require more developers between the projects or want to cut down your team size, you can do it. Dedicated developers are very flexible; they take any issues and react to get the best output accordingly.

Maximum effect and speed

They understand your business goals and understand the importance of matching deadlines. They keep track of work progress, so they can give you the reports of completed tasks and future outlines if you ask. You will get maximum efficiency and high speed with a dedicated team for software development.

After knowing the advantages of developers outsourcing dedicated teams, we are now going to look at how to hire dedicated software development team.

How to hire dedicated software development team?

Hire a development team for your organization is a stressful task for organizations as you need to focus on several factors. I know it is a crucial task for your organization, but stress, you do not need to think about. A few ways are available to hire a dedicated software development team for your organization, like finding them from Google organic search or B2B portals.

Narrowing down your search, and select partner through:

  • Google top 10 result
  • B2B portal (Clutch)
  • Freelance workplaces (Upwork)
  • StackOverflow
  • GitHub

How to Set-up, a dedicated software development team?

After choosing your offshore partner, now it’s time to follow the process for setting up your dedicated development team.

Well-defined business objectives are needed.

You need to explain all your business requirements, including the deadline and desired workflow you wanted, development team size, and type of expertise you require.

**Assembling the team **

Individual hiring can take one or more months, but with a dedicated team model, you bring your team to your work within one week.

Talent selection

After finding a dedicated team, selected the best-qualified team for your project with factors like expertise, efficiency, tech skill, English fluency, and other aspects of your project.

Integrating the team

After selecting the team based on your skills requirements, the group joins the project in progress quickly. Now, we can say business owners take the best step to get a business boost soon in the market.

Criteria that you need to look at while hiring a dedicated team.

With this model, you hire a development team and start working on your project like your in-housing team. For making any product successful, you must have to look for the right developers and team members. Here we will look at a few criteria you need to keep in mind while hiring a dedicated development team.

Portfolio: Take note that whether the team you are hiring is proved the portfolio or not

Reviews: Take a look at the reviews of that dedicated team.

Skillset: Make sure the dedicated team matches all the skills you require.

Language: Take note that the dedicated team has a good command of language.

Cost: Make sure the decided price is not beyond your budget.

The number of members: Based on your project deadline, decide the number of developers you require.

Wrapping Up

Being a business person, everyone wants the best for their business. No one wants their business to perform poorly and not be able to fulfill the market requirements. If your business is going in the wrong direction, it is time for you to call a dedicated team to lift your business up.

#dedicated software development team #hire dedicated software development team #software development dedicated team #dedicated team for software development #hire dedicated development team #hire development team

Jessica Smith

Jessica Smith

1612606870

REAL TIME CHAT SOLUTIONS SERVICES FOR MOBILE APPS

Build a Real Time chat application that can integrated into your social handles. Add more life to your website or support portal with a real time chat solutions for mobile apps that shows online presence indicators, typing status, timestamp, multimedia sharing and much more. Users can also log into the live chat app using their social media logins sparing them from the need to remember usernames and passwords. For more information call us at +18444455767 or email us at hello@sisgain.com or Visit: https://sisgain.com/instant-real-time-chat-solutions-mobile-apps

#real time chat solutions for mobile apps #real time chat app development solutions #live chat software for mobile #live chat software solutions #real time chat app development #real time chat applications in java script