DEV Community

loading...
Cover image for Minimal Programming Kit

Minimal Programming Kit

sm0ke profile image Sm0ke Originally published at docs.appseed.us ・3 min read

Hello coders,

This page aims to help beginners to set up their PC for programming. All recommended tools are free, stable, and widely used even by experienced programmers and designers. In the end, we will build a popular open-source project using the downloaded tools.

Thanks for reading! - Content provided by App Generator.


The Short-list

  • A modern editor - VSCode
  • Nodejs - used in Javascript-based products and tools
  • Python - a modern script language used for many types of projects
  • GIT - a command-line tool used to download sources from Github

VSCode

We need this software to visualize and edit the sources, execute our projects and investigate the issues that might occur during the programming process.


Programming Kit - VSCode editor.


NodeJS

Installing NodeJS unlocks access to a huge ecosystem that exposes
many tools and libraries we can use in our projects:


To get started with NodeJS please access the official website and download a version compatible with your operating system


Programming Kit - NodeJS.


Python

Python is a general-purpose coding languageβ€”which means that, unlike HTML, CSS, and JavaScript, it can be used for other types of programming and software development besides web development. Python is interpreted, easy to learn surrounded by a huge ecosystem, actively supported and used in many industries and domains. Can be used for things like (starting from the simple ones):

  • Basic programming: using strings, adding numbers, open files
  • Writing system scripts (creating instructions that tell a computer system to β€œdo” something)
  • Back end (or server-side) web and mobile app development
  • Desktop apps and software development
  • Processing big data and performing mathematical computations

Python can be downloaded from the official website. Choose the installer for your operating system, download, and click a few times.

$ python --version
Python 3.7.2 <-- All Good
Enter fullscreen mode Exit fullscreen mode

Programming Kit - Python Interpreter.


GIT

Git is a free and open-source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Using GIT we can clone/download and manage projects from Github and BitBucket with ease.

  • GIT - official website
  • GIT - download page

To check the installation, feel free to open a terminal and type git --version:

git --version
git version 2.28.0.windows.1 <-- All Good
Enter fullscreen mode Exit fullscreen mode

Programming Kit - GIT versioning tool.


Build a Sample Project

To make this short tutorial useful, we will build in the local environment a popular open-source project from Creative-Tim: Material Kit (free version) with a few commands typed in the terminal. Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design.

To build locally this amazing product, we will follow up a simple setup: clone the sources from the public repository (Github), install modules, and start the template. Let's go!


Step #1 - Clone the sources

$ git clone https://github.com/creativetimofficial/material-kit.git
$ cd material-kit
Enter fullscreen mode Exit fullscreen mode

Step #2 - Install project dependencies (this might take a while)

$ npm install
Enter fullscreen mode Exit fullscreen mode

Step #3 - Start the project

$ npm run start
Enter fullscreen mode Exit fullscreen mode

If all goes well, we should see Material Kit starter running in the browser:


Programming Kit - Sample Project.


Thanks for reading! For more resources, please access:


Discussion (26)

Collapse
mrdanishsaleem profile image
Danish Saleem

Awesome 😍

Collapse
sm0ke profile image
Sm0ke Author

Ty @mrdanishsaleem !
Feel free to suggest your preferred tools.

Collapse
mrdanishsaleem profile image
Danish Saleem

@sm0ke I use Atom :)

Thread Thread
sm0ke profile image
Sm0ke Author

Atom is a great editor.
VSCode seems to have more plugins.

Thread Thread
mrdanishsaleem profile image
Danish Saleem

Yes it does. But I've been using atom from very long time so that's why never tried VS Code

Thread Thread
sm0ke profile image
Sm0ke Author

Pretty sure Atom has all the essential features.
Thanks & Happy coding! πŸš€πŸš€

Thread Thread
mrdanishsaleem profile image
Danish Saleem

Thank you @sm0ke and Happy Coding to You as well. Now I'm thinking to write a post about my atom setup πŸ˜‰

Thread Thread
sm0ke profile image
Sm0ke Author

Sounds like a good idea.
Other devs might use your settings.

Thread Thread
mrdanishsaleem profile image
Danish Saleem

Yep, also maybe #DEVS here might suggest more plugins and configuration settings for Atom as well

Thread Thread
sm0ke profile image
Sm0ke Author

For sure the community will provide feedback.
Dev is a great place to learn.

Thread Thread
mrdanishsaleem profile image
Danish Saleem

Yes it is. That's we're here my friend πŸ˜‰

Thread Thread
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

Thread Thread
mrdanishsaleem profile image
Danish Saleem

Finally give a try to VS Code. It fast and as you said has many plugins. But I have trouble using shortcut keys. You have any documentation about VS Code, please do share with me. 😁

Thread Thread
sm0ke profile image
Sm0ke Author

Hello,
I'm not using anything custom. If you have the time, take a loot at this cheat sheet:

code.visualstudio.com/shortcuts/ke...

Thread Thread
mrdanishsaleem profile image
Danish Saleem

Okay thanks πŸ˜‰

Collapse
herondarkin profile image
herondarkin

As essential as coffee!

Collapse
admindashboards profile image
Collapse
sm0ke profile image
Sm0ke Author

Ty! πŸš€

Collapse
crearesite profile image
WebsiteMarket

Nice & slim-fit tutorial.

Collapse
sm0ke profile image
Collapse
aalphaindia profile image
Pawan Pawar

Keep posting!

Collapse
sm0ke profile image
Collapse
mccurcio profile image
Matt Curcio • Edited

Nice article. I usually have a trove of packages I load on my linux machines.
Like GIMP, Bleachbit, & Calibre

PS. Have you tried loading all this software using a script?
;))

Collapse
sm0ke profile image
Sm0ke Author

Nope. Your idea is really good.

Collapse
uithemes profile image
Collapse
sm0ke profile image
Sm0ke Author

You're welcome! .. <('_')>..

Forem Open with the Forem app