Skip to content

Latest commit

 

History

History
211 lines (160 loc) · 14 KB

README.md

File metadata and controls

211 lines (160 loc) · 14 KB
Raw

Ultimate Resource Pack for Tech Beginners

Welcome to The FOSS Club's ultimate resource pack for beginners in tech! This guide covers various areas of technology, providing curated resources with actual links for each field. Whether you're interested in programming languages, game development, web development, or other tech domains, you'll find valuable learning materials here.

Table of Contents

  1. Programming Languages
  2. Game Development
  3. Web Development
  4. DevOps
  5. Low-Level Programming
  6. Cybersecurity
  7. Web3 and Blockchain
  8. Data Structures and Algorithms
  9. App Development

Programming Languages

Python

JavaScript

Java

C++

C

Go (Golang)

Game Development

Godot

Unity

Unreal Engine

Web Development

Frontend

The frontend is the part of a website or app that you can see and interact with directly. Think of it as the "face" of a website—the buttons you click, the text you read, and the images you admire, all without realizing there’s a whole other world of chaos happening behind the scenes. It’s built using HTML for structure (kind of like the bones), CSS for styling (the wardrobe department), and JavaScript to make things interactive (basically the special effects team). So, if websites were people, the frontend would be the stylish outfit, cool hairdo, and the friendly smile, while the backend is the stressed-out brain making sure it all works. Flowchart -> https://whimsical.com/frontend-DzSzpgNukYYVTQrrsSgEv

Resources(Generalised, you should refer them whenever you get stuck and whenever you lack ideas to build project)

Now,lets focus on the stuff you need to learn inorder to build websites. If you prefer to learn step by step while building projects every time you finish a language or framework, then go ahead with the README file. This type of learning is known as project-based learning (PBL), which I highly emphasize.

HTML

Css -> CSS (Cascading Style Sheets) is like the interior decorator of the web—it takes the plain, boring structure that HTML gives you and makes it look amazing. Think of HTML as a house with just the walls and floors, and then CSS comes in, adds vibrant paint, stylish furniture, and cool lighting. After css try bootstrap, it is a css framework. What are Frameworks?? Frameworks are pre-built collections of code, tools, and best practices designed to streamline the development process by providing structure and organization. They come with ready-to-use components, built-in solutions for common tasks, and promote coding best practices, which helps developers create applications more efficiently.development gets easy by the help of frameworks.

Javascript -> JavaScript is a programming language that adds interactivity and dynamic features to websites. It takes a straightforward HTML and CSS setup and enhances it by enabling functionalities like clickable buttons, form validation, animations, and real-time updates. Without JavaScript, websites would be static and unable to respond to user actions.

Frontend frameworks -> A frontend framework is a specialized toolkit designed to streamline the development of user interfaces for web applications. Frontend frameworks offer numerous advantages over using plain HTML, CSS, and JavaScript by providing pre-built components and libraries that enhance efficiency and speed up development. They enforce a structured approach to coding, promoting organization and reusability, which is especially beneficial in larger projects or teams. Though you need very strong foundation in html,css and javascript to learn frontend frameworks, so first focus on them then move on to frameworks.

React(Recommended)

React is a JavaScript library for building user interfaces, particularly single-page applications. It allows developers to create reusable UI components and manage the application state effectively.

Angular

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. It offers a robust structure for developing dynamic web apps.

Vue.js

Vue.js is a progressive JavaScript framework used for building user interfaces and single-page applications. It’s designed to be incrementally adoptable and can be integrated into projects easily.

Backend

DevOps

Low-Level Programming

Cybersecurity

Web3 and Blockchain

Data Structures and Algorithms

Backend Development using Springboot/Java