Wednesday, June 17, 2020

Google Confirms That The Company Is Experimenting To Hide The Complete Address From URL Bar In Chrome

Last week Google was spotted experimenting with a new change in Chrome Canary 85 and Chrome Dev version. The change hides the complete address of the current webpage. It only displays the website domain at all times, e.g. opening this page...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

How to Make a Career Transition Into Web Development

Over the past ten years, there has been an explosion of interest in web development.

The 2008–09 financial crisis caused millions of young adult workers to lose their jobs and rethink their entire careers from scratch. From the ashes of this crisis, web development has become the darling of the job market.

An increased number of companies, small and large, have turned to the wonders of web development to disrupt or adapt to the new “web 2.0” environment. These companies know that without a web presence, their businesses are doomed to be ignored.

The spike in interest in web development has led to millions of young adults thinking of it not just as a skill to learn, but as a career to adopt. But for those who have already gone through college and spent a life worth of savings to get their degree, switching their careers to web development seems like a tough proposition.

If you’re in this position, the questions are hard. Do you have to start all over again, taking expensive and lengthy classes to learn the skills? Or can you jump ship from a traditional career to web development and still make it until you get a well-paying job?

The answer is, no, you don’t have to go back to college to become a web developer. And yes, you can transition to web development if you prepare yourself for it.

People from all backgrounds have been able to switch to a career in web development. Their advice will shine a light for those who want to do the same without having to sacrifice everything in the way.

Choose the Right Self-education Path

To say that it is possible to become a web developer through self-education may have seemed like alchemy 20 years ago. In 2020, self-education appears to be the rule rather than the exception.

The 2016 StackOverflow annual survey found that almost 70% of its respondents considered themselves as “self-taught.” Whether they learned to code entirely on their own or partially is something the survey left out. However, it still shows the relevance self-education has for professional web developers.

For someone who wants to become a developer, learning on their own is more of a pragmatic obligation than a moral one. Without a formal degree, self-education is the only path to acquire the skills necessary to launch a web development career.

The question, however, shouldn’t be focused on whether self-education is a good idea or not. What truly matters, according to several developers, is to pick the right language and put all energies available into mastering it before focusing on a specific framework. It seems, unlike what the business saying goes, that it’s better to put all the eggs in one basket than to spread them out.

For Lexis Hanson, a former finance professional turned developer, mastering a programming language first — one based on her needs — and focusing on frameworks and libraries second was critical to her self education.

[Mastering a programming language first] forced me to stay focused on getting extremely comfortable with vanilla JavaScript before diving into frameworks, which made that next step significantly easier.

Putting language over frameworks may be the smart decision, but it still doesn’t help to pick the right one. One solution that can shine a light on the issue is to pick a personal project. The specific technical needs required to fulfill your project will guide your choices better.

One self-taught developer who’s in favor of this approach is Avi Flombaum. Instead of picking the first language that pops into a Google search, he explains:

Beginners shouldn’t care about the languages they’re using. They should care that their chosen language matches their goals, if they’re getting expertise and depth and in it — and, of course, if they love using it.

A personal project will foster your passion for programming, and it will help you decide on the language you should consider to build it. Some common ideas include:

  • a static website
  • a basic app, like a to-do list
  • an automation script

If you’re short of ideas, you can check the r/DailyProgrammer subreddit, which posts daily projects with a detailed background, challenges, and inputs to use.

Reddit

Another vital aspect to consider before settling on a specific language is to think about your natural problem-solving methodologies. How do you break down problems? How do you think about their solutions?

In the case of Hanson, she wasn’t sure whether to choose a language based on object-oriented programming or functional programming. But instead of going with the wisdom of the crowds and picking a popular language, she thought about the way she solved problems in general. Based on that introspection, she chose the programming paradigm that best suited her (which happened to be JavaScript).

Functional programming resonated with me (you might have other preferences), and I challenged myself to approach problems from a “functional-first” perspective. In my opinion, this forced me to think more flexibly about programming and how functions and components should “compose” with one another.

As you learn the basics of a language, consider reading its documentation, especially if you’re already toying with a specific framework. At first, this may seem hard, but the more you practice your skills, and the more you read the documentation, the more sense it will all make.

Angular

Vinicius Brasil recommends using GitHub to find and read production code in the language you’re learning. He adds, “If you are confident to contribute, that’s even better.”

Angular

Whenever you get stuck, don’t panic. Web development is a friendly skill whose practitioners share solutions to common problems. Stack Overflow is the most popular place developers go to ask questions and share advice. And when you can’t seem to find a solution, remember: “Google is your friend.”

Stack Overflow

Among the many challenges self-educated developers often face is getting accustomed to the rather strange way of writing code. Many experienced developers will tell you that the way you write a string of code is as important as what that code is meant to do. The truthfulness of such a statement is a discussion of its own, and it has its merits, but for a beginner developer who’s learning on the side and with their own resources, writing perfect code is more of a luxury than a necessity, at least in the beginning.

Such is the case of Jeremy Gunter, whose “learn first, clean later” mentality became the greatest boon to his confidence during the early days of his self-education. His methodology consisted of using pseudo-code to make his code work and then Googling how they are supposed to be written.

Instead of going mental trying to remember method names, I focused on what action I needed to perform. When I wanted to add an item to the beginning of an array, I found it easier to google the phrase “add item to beginning of array JavaScript” than to try and use my own memory to differentiate between shift(), unshift(), and pop().

Any experienced developer will probably grind their teeth at the idea of using pseudo-code over syntax. Still, for the self-educated folk, Gunter’s approach resembles more to Mark Zuckerberg’s “learn fast and break things” mantra than to Tim Peters’ “beautiful is better than ugly.”

All in its time, Mr. Peters, all in its time.

Build a Network

College education is often seen as a mechanical process where a student acquires all the required knowledge to become a professional in their chosen field. Under this mentality, anything that doesn’t imply studying and memorizing technical concepts is secondary.

This simplistic idea leaves a significant advantage that college-educated developers have over self-taught ones, and on which the latter must work if they want to be in an equal position to the former. That is, the professional network college provides to its students.

A professional network is built upon a web of mentors, professors, job seekers, and classmates. Some of these people will eventually become colleagues, and some will act as referrals and references for job prospects, both critical elements to succeed in any professional career.

To dismiss the importance that a network like this has over web developers is to undervalue one of the most prominent advantages colleges bring to their students. Thus, anyone who is considering switching to a career in web development must prioritize building this network while they develop their skillset.

As a self-educated developer, you may not have professors or job seekers around you. The work, then, should be focused on building strong relationships with those developers who may help you in your journey.

To start, you need to consider participating in local development events and meetups. Whether these meetings are general or language-specific isn’t important. What matters is that you proactively meet other people and become a part of the community.

Nnena Ndukwe, a college dropout and former tanning consultant, explains the usefulness of attending meetups throughout her self-education journey:

Having these conversations about tech with people in the field helped me gain more knowledge about opportunities for work, organizations to volunteer for, and tech or social events to attend that would be fulfilling. One opportunity always leads to the next via networking.

To prove her point, Nnenna says she got her first development job through a bootcamp she heard about in one of the meetups she participated in. Whether meetups generate jobs directly or indirectly isn’t relevant. The point is that they compound the opportunities available for switching to a web development career.

The most popular site to find local meetups is Meetup.com, but you can also use Facebook events and Eventbrite. A quick search in any of these sites will bring you dozens of meetups in your area.

MeetUp

Just like Google is your friend when it comes to learning to code, you can also use it to find events in your area. You can use a general search query like “web development” plus your city, or a more specific one like “Python” (or any other language or framework you want) plus your city, and you’ll get many events close to you.

Google

You can both participate as an attendee and use the networking available to meet others who can help you, or you can give a talk on your self-taught process.

Most attendees will be surprised and glad to meet someone who’s trying to make the switch without a degree. You may even meet others who happened to achieve your career switching goal and who can give you feedback and support on your journey.

Another option to build a network is to participate in online communities. There are dozens of Slack chats for developers, and these will provide you with a great deal of information about the latest news, ideas, and people to connect with. You can even search for developers in your area you can meet for a coffee.

These events and meetups aren’t just useful for meeting colleagues. As Nnenna Ndukwe attests, they are also effective for meeting potential clients or employers as well.

Continue reading How to Make a Career Transition Into Web Development on SitePoint.


by Ivan Kreimer via SitePoint

8 Pre-built BeTheme Sites You Can Edit with Elementor

The truth is that the WordPress classic editor had its shortcomings as far as providing solutions to building attractive, high-quality websites. Gutenberg has helped some, but it’s page builder plugins like Elementor that have paved the way for making it significantly easier for any WordPress user to build websites worth bragging about.

Naturally, those same users will want to know whether a theme they would prefer to use will be compatible with one or more of the leading page-building solutions.

That’s why we take great pleasure in being able to announce that BeTheme allows users to work with the following three leading page builder plugins:

Continue reading 8 Pre-built BeTheme Sites You Can Edit with Elementor on SitePoint.


by SitePoint Sponsors via SitePoint

Facebook and Instagram’s New Feature Shows People You May Know in Between Stories

People you may know is a feature that the vast majority of Facebook users are probably going to be familiar with in some way, shape or form, and a big part of the reason why that is the case has to do with the fact that this is a feature that is supposed to help people connect with one another....

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World

Bootstrap 5 Alpha arrives, Chrome experiments with (not) displaying URLs

#445 — June 17, 2020

Read on the Web

Frontend Focus

Bootstrap 5 Alpha Released — It’s early days but the first useful glimpse of Bootstrap 5 is here, including a new logo. Bootstrap continues to be a very popular CSS framework, not least because it keeps taking useful steps forward. v5 drops jQuery, starts to use CSS custom properties (a.k.a. CSS variables), and has overhauled its form components and styling.

The Bootstrap Team

Google Confirms Experiment to Remove Full Address From URL Bar in Chrome — Folks from Google have already discussed how changing the way a URL is displayed could work. Now, one such test is live in Chrome Dev/Canary 85. The move has attracted a fair bit of criticism, but you can opt out.

Corbin Davenport

Redefining What’s Possible with Embedded Analytics — Built on a cloud-ready microservices architecture, Logi Composer features stunning visualizations, flexible self-service, high performance queries on big data, and smart connectivity to modern data sources. Get a free demo or trial today.

Logi Analytics sponsor

How The Most Popular Chrome Extensions Impact Browser Performance — Anything you add to a browser is going to have performance repercussions in terms of memory consumption, any JavaScript to be run, effects on page rendering, etc. These results demonstrate the costs pretty well but there’s one nice exception: the effect of ad blockers on ‘noisy’ pages!

DebugBear

Web Engine Diversity and Ecosystem Health — Over the past few years we’ve seen plenty of chatter around ‘browser engine diversity’. Here, Brian offers his “slightly tilted view of this” based instead on ‘the health of the ecosystem’, explaining why this may be a more valuable way to discuss these topics.

Brian Kardell

⚡️ Quick bits:

💻 Jobs

Senior Software Engineer — Save Lives & Make an Impact — We use Node/TS/React & ML to provide crisis support via SMS. Help us scale globally with a focus on privacy and security.

Crisis Text Line

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

ℹ️ Interested in running a job listing in Frontend Focus? There's more info here.

📙 News, Tutorials & Opinion

Learn Z-Index Using a Visualization Tool — Ever been stumped as to why setting a z-index to 99999 didn’t solve your positioning issue? This interactive guide to using both Z-Index and Stacking Contexts may prove handy.

Thiru Manikandan

CSS Custom Properties Fail Without Fallback — Yup. Matthias shares how using supports() or a media-query can help deal with this quirk.

Matthias Ott

Unicode Support. What Does That Actually Mean? 😃This Hacker News thread goes into the weeds on this, and well….it’s complicated.

Ben E. C. Boyter

The History of Search Engines — This is an exhaustive look at the history of the search engine, covering everything from the DMOZ index to Duck Duck Go.

Carl Hendy

How Web Accessibility Works — A quick introduction to the inner workings of web accessibility.

Segun Ola

How I Fixed Accessibility On My Website and How You Can Fix Yours — Daniela shares the steps taken to fix certain accessibility issues (contrast, screen reader experience, alt tags) on her website.

Daniela Matos de Carvalho

Five Myths About Jamstack — There have been a growing number of posts criticizing Jamstack. Brian takes on some of the common misconceptions that often underly these critiques (via our Jamstack newsletter).

Brian Rinaldi

Flow Browser Passes The Acid Tests — The work-in-progress browser Flow has just reached a development milestone, passing all three Acid tests. Plenty of in-depth browser chat sprung up around this news over on HN.

Piers Wombwell

🔧 Code, Tools and Resources

Josh.js: A Library to Animate Content on Page Scroll — This effect feels a little overdone nowadays, but this library is small, efficient, and it feels performant to me too.

Al Mamun

PageWatch: Check Your Web Pages for Errors — This tool does a fairly basic check for things like broken links, broken images, spelling errors, and potential layout errors (e.g. something overflowing a container). Example test.

pagewatch

MongoDB Is Easy. Now Make It Powerful. Free Download for 30 Days — Using MongoDB Atlas? Studio 3T is the professional GUI and IDE that unlocks the power you need.

Studio 3T sponsor

SVGuitar: Create SVG-Based Guitar Chord Charts — As simple as that, really :-)

Raphael Voellmy

Blush: Customizable Illustrations — The site allows you to mix, match, and customize a whole slew of different illustrations that you can download in PNG or SVG format (requires sign-up for large versions).

Blush Design

Postcards: HTML Email Template Builder with Drag & Drop — A free to start ‘no-code’ platform for building responsive HTML email templates. Uses a drag-and-drop UI and includes lots of pre-built components.

Designmodo

Web Font of the Week

Poppins

From the Indian Type Foundry — this is an 'internationalist take' on the geometric sans-serif typeface with support for both Latin and Devanagari writing systems. The glyphs sport a practical, monolinear look which works well in many settings.


by via Frontend Focus

Counter Style 115

The post Counter Style 115 appeared first on Best jQuery.


by Admin via Best jQuery

Product Grid Style 129

The post Product Grid Style 129 appeared first on Best jQuery.


by Admin via Best jQuery