Built by the DevTok Pinas community.
Everything you need to start your IT journey — from software and AI tools to learning resources and your first roadmap.
No matches found. Try a different keyword like "python", "ai", or "database".
Hand-picked tools every first-year IT student should know. Each one links to its official site — never download from third-party sources.
The world's most popular code editor — lightweight, free, and packed with extensions.
Distributed version control system — track changes, collaborate, and never lose your code again.
A friendly graphical interface for Git — perfect for beginners who find the command line intimidating.
Run applications in isolated containers — "it works on my machine" becomes a problem of the past.
Test and debug APIs with a clean visual interface — no need to write code just to send a request.
OpenAI's conversational AI — explains concepts, writes and reviews code, and answers almost any question.
Anthropic's AI assistant — known for thoughtful reasoning and excellent long-context understanding.
Google's AI assistant — integrates with Google Workspace and excels at multimodal tasks.
AI pair programmer that suggests code completions directly inside your editor.
An AI-first code editor built on VS Code — chat with your codebase and refactor with natural language.
All-in-one workspace for notes, tasks, wikis, and databases — beautiful and highly customizable.
A local-first, Markdown-based note system that links ideas like a personal wiki.
Cloud storage with collaborative docs, sheets, and slides — free with a Google account.
Collaborative interface design tool — wireframe, prototype, and ship beautiful UIs in the browser.
Universal database client — connect to MySQL, PostgreSQL, SQLite, and many more from one app.
Official visual tool for MySQL — design, model, and administer MySQL databases.
Network simulation tool from Cisco — design, configure, and troubleshoot networks virtually.
The world's most popular network protocol analyzer — inspect traffic packet by packet.
Free, open-source virtualization — run Linux, Windows, or any OS inside your current machine.
Free, project-based curriculum with certifications in web dev, Python, data science, and more.
Free coding exercises in 60+ languages with human mentorship and code review.
Gamified coding challenges called "kata" — rank up by solving problems in many languages.
The famous platform for algorithm and data-structure problems — prepare for technical interviews.
Free, high-quality courses to build your foundations. Start here before diving into advanced topics.
freeCodeCamp · Responsive Web Design Certification
Learn the building blocks of the web — structure with HTML, style with CSS, and add interactivity with JavaScript. Project-based and beginner-friendly.
Visit Website ↗Harvard University · CS50's Introduction to Programming with Python
An accessible, world-class introduction to programming using Python. Taught by legendary professor David Malan — completely free on edX.
Visit Website ↗
Khan Academy · Math (Algebra → Calculus)
Solidify the math you'll need for IT and CS: algebra, discrete math, probability, and an intro to calculus. Free, self-paced, and interactive.
Visit Website ↗A recommended 12-step path from absolute beginner to confident builder. Click any step to expand details.
Understand how a computer works — hardware, operating systems, file systems, and the command line. This is the foundation everything else stands on.
HTML is the skeleton of every website. Learn semantic tags, forms, links, images, and accessibility basics.
CSS makes your HTML look good. Master selectors, the box model, Flexbox, Grid, and responsive design with media queries.
JavaScript brings websites to life. Learn variables, functions, conditionals, loops, arrays, objects, and the DOM.
Learn to track changes and collaborate. Master commit, push, pull, branch, merge, and pull requests.
A clean, beginner-friendly language used in web development, data science, AI, and automation. Often the first language taught at university.
Learn to store and query data with SQL — SELECT, INSERT, UPDATE, DELETE, JOINs, and basic schema design.
Understand how apps communicate — HTTP methods, REST principles, JSON, status codes, and authentication basics.
Learn the basics of user interface and user experience design — color, typography, spacing, hierarchy, and usability principles.
Understand how the internet works — IP addresses, TCP/UDP, DNS, HTTP, and basic network topologies.
Combine everything you've learned into real, shareable projects. This is where theory becomes skill.
Sharpen your problem-solving with daily coding challenges. Build algorithmic thinking that will help in exams and interviews.
Build these to sharpen your skills. Each project can be made as simple or as advanced as you like.
A classic first project. Build a working calculator with a clean UI.
Showcase who you are and what you build. Your most important project.
Fetch and display live weather data from a public API.
Add, complete, and delete tasks. Save them with localStorage.
A multiple-choice quiz with a score and a results screen.
Create, Read, Update, Delete — the four pillars of any data app.
Manage students, grades, and attendance with a real database.
Track books, borrowers, and due dates. Search and filter.
Log income and expenses. Visualize spending with charts.
If you only install ten things this semester, make it these. Each one earns its place.
Your daily driver code editor.
Track changes like a pro.
Git, without the command line.
Your 24/7 study buddy.
AI-first code editor.
Your second brain.
Design before you code.
Test APIs visually.
Reproducible dev environments.
Simulate networks safely.
A suggested one-day onboarding workshop for freshmen. Run it during orientation week — by the end, every student is set up and ready to build.
Set up the editor and a few essential extensions (Prettier, Live Server, GitLens).
Pick a professional username — this will follow you into your career.
init, add, commit, push, pull. Make your first repository and push a README.
Practice prompting for explanations, not answers. Discuss academic integrity.
Mock up a login screen. Export assets. Talk about design systems.
Send a GET request to a public API. Inspect the JSON response together.
Set up a semester dashboard: courses, assignments, resources, goals.
Principles that will save you time, stress, and regret over the next four years.
Learn by building projects. Tutorial hell is real — escape it by building things, even tiny ones.
Read the official documentation. It's almost always the most accurate and up-to-date source.
Ask questions in the community. No one judges beginners — they judge people who refuse to learn.
Don't fear making mistakes. Every bug you fix makes you a better developer than the last one.
Use AI responsibly. Ask it to explain, not to solve. You're here to learn, not to copy.
Keep your GitHub active. Green squares are proof of consistency — recruiters and professors notice.
Build a portfolio from your first semester. Start small, improve it every term. By graduation, it'll be impressive.