Tech2 etc

Tech2 etc


How do I start working as a freelancer?

To start freelancing while you already have a full-time job, you’ll have to consider the following steps:

How to start freelancing (even when working full-time)?

1. Define your business goals.
2. Find a perspective niche (and stick to it)
3. Identify target clients.
4. Set your freelance rates.
5. Create a website (and portfolio)
6. Find your first client.
7. Expand your network.
8. Balance your full-time job with your part-time freelancing side gigs.

Define your business goals

Before you start freelancing, you’ll have to be honest with yourself, and answer an important question:
* Is freelancing just a side gig? Or do you plan to expand it to a full-time business?

The answer to this question will determine your next steps, considering that you’ll either aim to balance your full-time and freelance work, OR aim to work your way out of your current job to pursue a full-time freelance career.

The answer to this question is your long-term goal. To pursue it, you’ll have to set a number of short-term goals and answer questions such as:

* What niche will you specialize in?
* What services will you offer?
* What amount do you want to be earning on a monthly basis to decide to quit your full-time job (if applicable)?

Find a perspective niche (and stick to it)

No matter whether you’re a graphic designer, copywriter, developer, or anything in between by vocation, it’d be best if you were to specialize in a particular area of work:

For example, If you’re a content writer, don’t aim to write about any topic under the sun, from Top 3 Ways to Prepare Your Garden for Spring to Taxation Laws in all 50 US States Explained.

Sure, you may start by writing various topics, to find your ideal niche, but eventually, you should pick one, and stick to it.

But, Cryptocurrency or Technology content writer always sound much better in your CV than General content writer. Moreover, they inspire more confidence in you on the part of the clients who’ll always be looking for specific, and not general content.

The same is true if you’re a graphic designer:
* consider your level of experience
* your current pool of connections
* your natural inclinations to a particular design niche

Then, make your pick — focus on delivering interface design for apps, creating new custom logos, devising layouts for books, or any other specific design work.

Identify target clients

Just like you shouldn’t aim to cover every niche in your industry, you shouldn’t aim to cater to the needs of the entire industry’s market.

Small businesses, teams, remote workers, or even other freelancers may all require the same type of service you’re looking to offer. But, you’ll need to target one or two types of clients especially.

Say you want to start a blog about everything related to working remotely. There are freelancers, teams, but also entire businesses working remotely, and they can serve as your starting point.

* Think about the age of your desired readers. Perhaps you’re a Millennial, so you can write a blog about working remotely for Millennials?
* Think about the location. Perhaps you want to cover predominantly the US market?
* Think about the education level. Perhaps you want to cover newly independent remote workers, who’re just starting out their careers?
* Think about income. Perhaps you’re looking to write for people with a limited budget, but who want to try digital nomadism?
* Think about gender. Perhaps you want to predominantly target women freelancers?

These are only some questions you should ask yourself, but they reveal a lot. For example, that you can write for fresh-out-of-college female Millennials from the US looking to start and cultivate a remote career while traveling abroad with a limited budget.

Set your freelance rates

Setting your freelance rates always seems like a challenging point, but it’s a lot more straightforward when you list the necessary parameters that help determine your ideal (and realistic) pricing:

* Experience (if any)
* Education level
* Supply and demand for your services
* The prices in your industry
* The average freelance hourly rates in your niche
* Your location

Once you have all this data, you’ll need to calculate your hourly rate based on it — higher education, experience, and demand for your niche will mean you can set higher prices. If you’re based in the US, you’ll likely be able to command higher rates than if you’re based in the Philippines. Of course, your living standards and expenses will be higher, so you’ll also need to command higher rates.

Create a website (and portfolio)

Once you’ve defined your business goals, found a niche, identified your target clients, and set your prices, you’ll want to create an online presence. And, the best way to do so is by creating your own website with a portfolio showcasing your previous work, skills, and expertise. There are plenty of amazing tutorials on YouTube.

Creating a website for free through a website builder like Wix is fine, but you’ll be better off if you were to buy a domain name from a hosting website. You’ll get a unique name for your online presence and a customized email address, so you’ll look much more credible and overall more professional to potential clients.

Regardless of what your industry is, it may be best if you were to choose your own name for the domain, especially when you’re mostly looking to showcase your portfolio. You’ll stand out better, and it’ll later be easier to switch to a different industry (or niche) if you find that you want to.

Once you’ve selected a host and domain name, you can install WordPress to your website, and choose the website’s theme. Then, you can add a landing page describing your services, and prices, maybe even a separate page for a blog where you’ll write about industry-related topics.

Find your first client

Your first client may contact you because of your personal website portfolio, but you should also actively pursue your first gig bearing in mind what employers look for. There are several ways you can do this:

* Get involved in your industry’s community
* Learn how to pitch through email
* Look through freelance job platforms/websites

Expand your network

Once you’ve landed your first client, you’ll need to work on finding recurring clients. Perhaps your first client will become a recurring one. And, perhaps the referral you’ve been given by said first client will inspire others to contact you and provide a steady stream of work.

In any case, it’s best that you expand your network — and here’s where the famous Pareto principle comes in handy. According to it, cultivating a good relationship with 20% of your clients will help you find 80% of new work through their referrals. Moreover, each new 20 referrals increase your chances of getting new projects by 80%.

To expand your network, you can:

* partake in industry webinars
* attend events
* join Facebook groups, pages and communities
* streamline your LinkedIn network
* send out invites to professionals in your field (or a field that often requires your services)

Work on additional skills

Apart from your core, industry-related freelance skills (i.e., your hard skills), you’ll need to work on some additional skills — your soft skills.

Soft skills are more personality-related: communicativeness and critical thinking are probably the most important traits to pursue, but, you’ll also need to be persistent, good at handling stress, an efficient scheduler, and skilled in time management.

The more you can skill up yourself, the more expensive you will become. Remember knowledge is priceless.

You’ll also need to be confident, to persuade your potential clients that you possess the skills and experience they’re looking for.


Entering the freelancing business may sound overwhelming and complicated, but it’s actually pretty straightforward, once you follow the right steps.

Take time and do what you find passionate about.


#freelance #freelancing #job #jobs #projects #money #earning #skills #dev 

How do I start working as a freelancer?
Scott Hann

Scott Hann


Build Pokémon Game Using HTML CSS JavaScript | JavaScript Project For Beginners

Build Pokémon Game Using HTML CSS JavaScript | JavaScript Project For Beginners

Welcome Our Second Guest Tutor "Angle Brace". Today he will code a Pokémon game using HTML CSS & JavaScript.


21+ Amazing JavaScript Projects In Our YouTube channel:

Visit Our website for Free Courses & Articles:


#javascript #projects #web-development #html 

Build Pokémon Game Using HTML CSS JavaScript | JavaScript Project For Beginners
Ivan Petrenko

Ivan Petrenko


How to Choose the Right JavaScript Library for Building Project Management Apps in 2021

How to Choose the Right JavaScript Library for Building Project Management Apps in 2022

As today’s business processes constantly grow in scope and complexity, companies of any scale have to utilize modern technologies to achieve their goals without delays and remain competitive. Some companies prefer to purchase ready-madesoftware that helps to manage and coordinate their projects. However, such an approach has some drawbacks. Capterra’s latest report on project management provides a range of negative factors related to using PM software such as missing features, not being fit for workflow or not user-friendly.

Source: Capterra Project Management User Survey 2021

Therefore, it can be reasonable to invest in the development of your own project management application that will meet all of your project requirements. I decided to take this path for my project. Such apps commonly include advanced functionalities (such as a Gantt chart, Kanban board, or Scheduler) and it is more convenient to implement them using special JavaScript libraries rather than starting from scratch.

That’s where I faced a serious question of choice. There are plenty of JavaScript components for various business purposes available on the market and it can be tricky to find the right one for your project. I had spent a great deal of time and effort exploring possible options before I made up my mind. I opted for DHTMLX Gantt and I’m happy with my choice. If you have to deal with a similar dilemma, my experience can be helpful for you. In this article, I want to share with you the list of key criteria that guided my choice of the JS library for effective project management.

#JavaScript #web-development #projects #gantt 

Feature set

The main reason why you would spend money on a JavaScript library is most likely for what it does. Any tool considered for your application should allow you to cover your project management needs. It is important not to go to extremes in this question. Some developers may prefer some simple tools including bare essential features to keep things clear and straightforward but at the same time limit the capabilities of end-users. On the other hand, striving for a one-size-fits-all solution may lead to unnecessary complications.

To my mind, it is necessary to find the right equilibrium. Using DHTMLX Gantt, for instance, I can create basic Gantt charts as well as more complex ones complemented with advanced features such as resource management, critical path, auto-scheduling, etc. without any significant difficulties.

Performance and customization options

Apart from a feature set, it was vital for me to clarify two more library characteristics that may seriously impact my application’s usability. Firstly, I had to make sure that the Gantt library I wanted to purchase allowed managing large projects including thousands of tasks, and not cause performance degradation. Any web application may require radical changes with time, so it was also important that the core component of my project could be customized in accordance with evolving requirements. I would recommend not to disregard these two important aspects.

Compatibility with popular JavaScript frameworks

It is common for web developers to use various JavaScript frameworks to implement some standard elements of an application using templates. It helps to save time for dealing with more unique parts of your app that cannot be completed with plugins. My project is based on React, thus I picked the Gantt library that works well with popular frameworks. If you use any front-end framework (React, Angular, Vue, etc.) and look for a library for your project management app, don’t forget about possible compatibility issues.

Touch support

With the advent of mobile technologies, it has become common for millions of people to use smartphones or tablets for both work and private purposes. The survey of Statista says that last year the majority (90%) of internet users utilized mobile devices to go online.

Source: Statista

Business people need to be able to efficiently manage projects from any location using mobile devices. So if you want to make your application more convenient for potential end-users, make sure that its main components come with touch support.

How to Choose the Right JavaScript Library for Building Project Management Apps in 2021
Ankit Dixit

Ankit Dixit


15+ Django Projects With Source Code

Django Projects Ideas

Working on Django projects requires strong fundamental knowledge and expertise in Python language. You would also require basic knowledge about web development so that you can give your ideas a proper structure. A Django project can be enhanced with your knowledge of front-end technologies such as HTML, CSS, JavaScript as it also helps you understand the Django templates better. For a beginner, it is recommended to start with simple Django projects first to get a hang of the framework. Beginners can work on small changes such as the colors, texts, fonts, etc, and also keep existing websites as a reference. If you’re still not sure about writing your source code, you can always keep a reference!
Here are a few ideas for python Django projects for beginners to experts.
#django #projects 

Tech2 etc

Tech2 etc


JavaScript Project | Create Product Search Engine/Bar/Filter in JavaScript

JavaScript Project - Live Product Search Filter For Ecommerce UI 🔥❤️

This is the best way to learn a new programming language by build projects.
Want to become a web developer? Then you need to start practicing your JavaScript skills as soon as possible. Once you finish your first tutorial or online course, you are ready to start with your first small project.

Using JavaScript, we can create amazing projects. Lets create a search filter project with JavaScript. We will create a product search bar to filter some specific products among a list of products.

JavaScript Project | Create Product Search Engine/Bar/Filter in JavaScript

Search specific products from a list of products. JavaScript makes it easy for you.

For More Amazing JavaScript Projects: @Tech2etc

#javascript #nestjs #react #projects 

JavaScript Project | Create Product Search Engine/Bar/Filter in JavaScript
Lyda  White

Lyda White


How to Hamburger Menu Animation With Html, CSS

Hamburger Menu Animation With Html, CSS || D. CoDeS || #coding #html #css #projects

#html #css 

How to Hamburger Menu Animation With Html, CSS
Coder Champ

Coder Champ


CSS Mastery Course (Email Subscribe Form) - Project # 003 | Coder Champ

Email Subscribe Form is an important part of almost every website.

The main goal of this css mastery tutorial, to achieve a form layout with a button over it.

So it’s important to know how to create a good-looking Email Subscribe Form.

In this video css tutorial, you will learn to create an Email Subscribe Form in CSS, using simple techniques, and will see how you can easily create a button over form layout with a simple CSS approach.

00:00 - Boiler Plate
01:24 - Create HTML Structure
02:03 - Write CSS
06:23 - Final Output




#css #html #projects #web-design #web-development

CSS Mastery Course (Email Subscribe Form) - Project # 003 | Coder Champ
Eric  Bukenya

Eric Bukenya


40+ JavaScript Projects For Your Portfolio [With Videos!]

Let’s be honest right from the start. No matter how many books about programming you read, videos you watch, or podcasts you listen to, if you want to become a better developer, you have to practice continuously.

JavaScript is what runs the web today, no doubt. And for every front end developer, no matter if already experienced or at the start of their careers, it’s mandatory to know the basics of JavaScript, HTML, and CSS.

Frameworks come and go, but JavaScript will stay! But what’s the best way to practice JavaScript? The best answer I can give you is to build projects!

JavaScript Projects

JavaScript projects are guided tutorials or javascript project ideas that help you sharpen your skills by building real applications, websites, games, components, etc. Sometimes you will find project ideas that just contain a title and a few sentences of what you should build.

Example: Build a counter with JavaScript that counts down the hours till the end of the year.

This format is good if you already have some experience and are just looking for some input.

JavaScript Projects for Beginners

However, if you are new to web development, it’s often better if you look for JavaScript project examples with source code or specific JavaScript projects for beginners. These often contain a running demo application, a GitHub repository with the source code, and a step-by-step guide on how to build the project.

JavaScript Practice Projects

So for you to gain practice, I have listed nine awesome javascript project ideas that you can do to refresh your skills, learn new things about JS, and stay relevant in the future. All of them are based on pure JavaScript, some HTML, and some CSS. You can add them to your portfolio, show them to recruiters or potential employers, or keep them in your GitHub as references for future work. To be clear: This is not meant to teach you everything about JavaScript. There are perfect courses for you covering JS from A-Z. This is for building things. Getting your hands dirty. Working on your muscle memory.

To give you a headstart, I have rated those tutorial projects for you. But that’s only my opinion, so I highly recommend that you try them out for yourself because you know how to learn best and on what level you currently are.

1. Build a Meditation App

2. Build a Virtual Keyboard

3. Build an eCommerce Shopping Cart

4. Build a Weather App

5. Build an Issue Tracker

6. Build a PIN Pad

7. Build a Landing Page

8. Build a Rock Paper Scissors Game

9. Build a Tic Tac Toe Game

Bonus: Build 9-in-1 Mini Projects

#programming #javascript #html #css #projects

40+ JavaScript Projects For Your Portfolio [With Videos!]

I Recreated a Bootstrap Website with Tailwind CSS, And Here Are The Differences

The reason I chose to rebuild it was actually because it was getting hard to maintain all its components as it grew since it was just HTML. As it was easier to make these components reusable, I decided to recreate it with React, and also give it a different, new look as well.

As great as the first design was, I wanted to try something more flat, simple, and easier to navigate.

A much simpler website that conveys the message behind “Simple buttons”.

Although the design changed tremendously, this is not what I will be comparing here. What I will be comparing is my experience working with both Bootstrap and Tailwind CSS and which is better.

They’re not The Same

Although the purpose of Tailwind CSS and Bootstrap might be similar, however, they’re different. Tailwind CSS is more focused on providing easy-to-use utility classes to save you time. As their documentation says: “No more adding silly class names like sidebar-inner-wrapper just to be able to style something.” It also encourages creating reusable components with these utility classes.

Adapting To Change

When I first started trying out Tailwind CSS, I struggled a little as I was used to just use whatever ready-made components Bootstrap provides me then make changes on them accordingly. With Tailwind CSS, I had to create those components myself, which at first I thought would cost me more time and effort.

Responsive Design and Dark Mode Made Easy

Among many of Tailwind CSS’s available classes, you can easily make any rule or class adhere to responsive design by adding a prefix to it based on the screen size you’re targeting.

Modern Feel

I’ve been using Bootstrap for many years now, and recently I started noticing that something about the design of components in Bootstrap feels outdated. Whether it’s the colors or other design look and feel, it doesn’t feel like it’s adapting to changes of design pattern with time.

Using It With React

There are a lot of ways you can use Bootstrap with React. However, they can be a bit of a hassle. Usually, the library would create different React components that simulate Bootstrap components, and you have to import them to use them in your components.

#css #projects

I Recreated a Bootstrap Website with Tailwind CSS, And Here Are The Differences

Putting it all Together - 7Days7Projects Challenge Complete!

#7Days7Projects Today we complete the challenge by putting everything we’ve learnt so far into practice!
If you like the video, leave a like and subscribe.

#projects #challenge #complete

Putting it all Together - 7Days7Projects Challenge Complete!

Building an API for project 1

We will continue our end-to-end project. This will be our last step, creating an API for the model to use easily on any web page or application.

We will use Flask which is used mostly for making APIs. We won’t be going into depth of flask, we will just use what is needed for implementing our API. So let’s get started with the coding part.

What is API?

#projects #data-science #flask #machine-learning #api

Building an API for project 1

Projects to Create with NodeJS in 2021

Some projects you can make with NodeJS that will help you learn the basics and fundamental of NodeJS or fill your projects in your Resume.

What is NodeJS?

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

What do you need?

  1. Knowledge of HTML and CSS
  2. Knowledge of Javascript library like JQuery or Bootstrap (Not Neccessary)
  3. Knowledge of NodeJS

Projects to build to learn about NodeJS

1. Portfolio App

2. Meme Generator

3. Realtime Chat app

4. Chatbot

5. Blogging Website from Scratch

#projects #nodejs #javascript #typescript

Projects to Create with NodeJS in 2021
Kasey  Turcotte

Kasey Turcotte


Christmas Crisis - Saving Santa with Pandas and GeoPandas.

Saving Santa with Pandas and GeoPandas

Finally! I know! A Data Science Project as Festive as the Season!

Data Science has many applications; so many in fact, it is nigh impossible to even be considered proficient in half of them! But, that shouldn’t dissuade us from trying to become as equipped for the future as possible. I challenge you to take on this project and have a once in a lifetime opportunity to serve as Santa’s “pocket” Data Scientist!

As a precursor to this project, note that this project is designed to be a challenge project. You are given the tools and supplies, but the method is left up to you! While the ‘answer key’ is provided on Github, you should have everything you need in the data to figure it out. This project also serves to introduce you to some tools you may not be familiar with, yet.

What you will need (or better yet, what you should be prepared to teach yourself 😉):

  • good understanding of Data Science oriented Python libraries
  • basic understanding of GeoPandas
  • love of Christmas!

What you will learn:

  • How to merge non-standardized data with a Universal Standard Identifier (Placekey)
  • How to find points within polygons using Geopandas
  • How to filter the data to determine the best possible outcome (min/max)
  • How to merge data and determine foot traffic to given POI (SafeGraph)
  • How tosave** Santa** and Christmas

#christmas #data-science #gis #pandas #projects

Christmas Crisis - Saving Santa with Pandas and GeoPandas.