Full Stack Web Dev

The Frontend is the client side of any web application, it handles the user interaction and displays information to the user. This stack is a collection of languages, frameworks, libraries, and other useful tools for frontend web development

Frontend Web Development

HTML & CSS

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. HTML. (HyperText Markup Language).

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

JavaScript

JavaScript often abbreviated JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of websites use JavaScript on the client-side for web page behavior, often incorporating third-party libraries. All major web browsers have a dedicated JavaScript engine to execute the code on users' devices.
JavaScript is a high-level, often just-in-time compiled language that conforms to the ECMAScript standard. It has dynamic typing, prototype-based object orientation, and first-class functions. It is multi-paradigm, supporting event-driven, functional, and imperative programming styles. It has application programming interfaces (APIs) for working with text, dates, regular expressions, standard data structures, and the Document Object Model (DOM).


Python

Python is dynamically-typed and garbage-collected. It supports multiple programming paradigms, including structured (particularly procedural), object-oriented and functional programming. It is often described as a "batteries included" language due to its comprehensive standard library.
Guido van Rossum began working on Python in the late 1980s as a successor to the ABC programming language and first released it in 1991 as Python 0.9.0. Python 2.0 was released in 2000 and introduced new features such as list comprehensions, cycle-detecting garbage collection, reference counting, and Unicode support. Python 3.0, released in 2008, was a major revision that is not completely backward-compatible with earlier versions. Python 2 was discontinued with version 2.7.18 in 2020.


Ruby

Ruby is an interpreted, high-level, general-purpose programming language which supports multiple programming paradigms. It was designed with an emphasis on programming productivity and simplicity. In Ruby, everything is an object, including primitive data types. It was developed in the mid-1990s by Yukihiro "Matz" Matsumoto in Japan.
Ruby is dynamically typed and uses garbage collection and just-in-time compilation. It supports multiple programming paradigms, including procedural, object-oriented, and functional programming. According to the creator, Ruby was influenced by Perl, Smalltalk, Eiffel, Ada, BASIC, and Lisp.


PHP is a general-purpose scripting language geared toward web development. It was originally created by Danish-Canadian programmer Rasmus Lerdorf in 1994. The PHP reference implementation is now produced by The PHP Group.

React.js

React is a free and open-source front-end JavaScript library for building user interfaces or UI components.

AngularJS

AngularJS is a JavaScript-based open-source front-end web framework for developing single-page applications. It is maintained mainly by Google and a community of individuals and corporations.

VueJS

Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members.

Sass

Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called "the indented syntax," uses a syntax similar to Haml.

Ruby On Rails

Ruby on Rails, or Rails, is a server-side web application framework written in Ruby.

Next.js

Next.js is an open-source web development framework created by Vercel enabling React-based web applications with server-side rendering and generating static websites.  React documentation mentions Next.js among "Recommended Toolchains" advising it to developers as a solution when "Building a server-rendered website with Node.js".

Gatsby

Gatsby is a React-based open source framework for creating websites. Whether your site has 100 pages or 100,000 pages—if you care deeply about performance, scalability, and built-in security—you'll love building with us. Start pulling data from your favorite headless CMS easily!

Handlebars

Handlebars is a simple templating language. It uses a template and an input object to generate HTML or other text formats. Handlebars templates look like regular text with embedded Handlebars expressions.

Wordpress

WordPress is a free and open-source content management system written in PHP and paired with a MySQL or MariaDB database with supported HTTPS. Features include a plugin architecture and a template system, referred to within WordPress as Themes.

LESS

Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less.js, the JavaScript tool that converts your Less styles to CSS styles.

Tailwind CSS

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

ChakraUI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Material UI

MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Webpack

At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph from one or more entry points and then combines every module your project needs into one or more bundles, which are static assets to serve your content from.

Gulp.js

gulp is an open-source JavaScript toolkit created by Eric Schoffstall used as a streaming build system in front-end web development.

Grunt.js

Grunt is a JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting. It uses a command-line interface to run custom tasks defined in a file. Grunt was created by Ben Alman and is written in Node.js. It is distributed via npm.

Git is free and open source software for distributed version control: tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development.

How the Internet Works

The Internet (or internet) is the global system of interconnected computer networks that uses the Internet protocol suite (TCP/IP) to communicate between networks and devices. It is a network of networks that consists of private, public, academic, business, and government networks of local to global scope, linked by a broad array of electronic, wireless, and optical networking technologies. 

Data Structures & Algorithms

In computer science, a data structure is a data organization, management, and storage format that is usually chosen for efficient access to data. More precisely, a data structure is a collection of data values, the relationships among them, and the functions or operations that can be applied to the data, i.e., it is an algebraic structure of data.

Software Development Process

Every aspect of software development is performed as part of a well-planned process involving multiple team members playing various roles in the activity, this module contains some of the concepts you should master to understand the software development process

Django

Django is a Python-based free and open-source web framework that follows the model–template–views architectural pattern.

GitLab CI

This GitLab CI module is designed to provide you with a comprehensive understanding of GitLab CI, a powerful continuous integration tool. With links to videos and articles, this module covers everything from the basics of GitLab CI to advanced topics such as pipeline creation, job scheduling, and custom scripting. GitLab CI is an integral part of the GitLab platform, allowing developers to automate the building, testing, and deployment of their applications. Whether you are a beginner or an experienced software developer, this module will provide you with the knowledge you need to effectively use GitLab CI to improve your workflow and streamline your software development process.

GitHub Actions

This GitHub Actions module is designed to help individuals understand the features and capabilities of GitHub Actions. The module contains links to videos and articles that cover various topics related to GitHub Actions. GitHub Actions is a continuous integration and delivery (CI/CD) platform that provides a way to automate software workflows. It integrates seamlessly with GitHub, allowing users to build, test, and deploy their code directly from the repository. With GitHub Actions, users can automate common tasks such as building and testing, as well as more complex workflows such as deploying to multiple environments. The platform offers a rich set of tools and integrations that allow users to build and run their CI/CD pipelines with ease. Whether you're a beginner or an experienced developer, "This GitHub Actions module" is a valuable resource for learning and mastering this powerful platform.

Frontend Web Development

0% Completed

🚀 Modules to Learn

Fundamentals

Languages

Source Control

Libraries & Frameworks

CSS Preprocessors

UI Libraries

Bundlers & Task Runners

CI_CD