We'll go over HyperText Markup Language (HTML) to build websites.

Full Stack Web Dev Bootcamp Day 1 - HTML

We'll go over Cascading Style Sheets (CSS) to style websites.

Full Stack Web Dev Bootcamp Day 2 - CSS

We'll go over Git, the program for version control, and GitHub, the code collaboration platform.

Full Stack Web Dev Bootcamp Day 3 - Git & GitHub

We'll go over JavaScript, the programming language of the web that is used to manipulate documents and make websites dynamic and interactive.

Full Stack Web Dev Bootcamp Day 4 - JavaScript

We will learn React.js to build user interfaces on the frontend.

Full Stack Web Dev Bootcamp Day 5 - React.js

We will learn Structured Query Language (SQL) to communicate with a database. For the application, we will use the PostgreSQL implementation of SQL.

Full Stack Web Dev Bootcamp Day 6 - PostgreSQL

We will learn to build a backend server in Node.js (Server-side JavaScript) with the library Express.js.

Full Stack Web Dev Bootcamp Day 7 - Express.js

We will learn to build a cross-platform mobile app writing in the JavaScript programming language, with the framework React Native.

Full Stack Web Dev Bootcamp Day 8 - React Native

We'll go over HyperText Markup Language (HTML) to build websites.



HTML - Full Stack Web Dev Bootcamp Day 1

We'll go over Cascading Style Sheets (CSS) to style websites.



CSS - Full Stack Web Dev Bootcamp Day 2

Git & GitHub - Full Stack Web Dev Bootcamp Day 3

JavaScript - Full Stack Web Dev Bootcamp Day 4

React.js - Full Stack Web Dev Bootcamp Day 5

PostgreSQL - Full Stack Web Dev Bootcamp Day 6

Express.js - Full Stack Web Dev Bootcamp Day 7

React Native - Full Stack Web Dev Bootcamp Day 8

An online lesson for those who want to learn software development, in particular about databases. Have you ever thought about how software remembers all of your data? Enter databases, where you can store information about everything surrounding software. We will focus on SQL (Structure Query Language), the most popular kind of language for many Relation Database Management Systems (RDBMS) databases today.

No prior knowledge requirement other than knowing how to use a computer and a web browser such as Chrome, Firefox, Safari, Edge, etc.

You are encouraged to follow along and write the examples in your own computer and web browser!

We will leverage Progamiz Online SQL Editor ( https://www.programiz.com/sql/online-compiler/ ) to practice making SQL queries.

We will meet via Zoom video conference software. Link will be available the day of the event!

If you liked this session, consider donating: https://linktr.ee/nbktechworld

An introduction to SQL relational databases for complete beginners

A brief introduction to building a web application with the Ruby on Rails framework.

Details

A popular framework to build web applications in the Ruby programming language is Ruby on Rails. It is an opinionated framework that comes with many things set up right off the bat. It got popular due to its convention on configuration and for being useful for rapid prototyping of applications.

Requirements

* Any web browser.

* A text editor such as Visual Studio Code (https://code.visualstudio.com/Download).

* Ruby programming language (https://www.ruby-lang.org/).

* Ruby on Rails installed before the meeting

Notes

There are many different ways to install Ruby language and Rails. One good website to reference is the official website at https://rubyonrails.org/ or this one, https://gorails.com/setup/.



Building a Web Application with Ruby on Rails Framework

The frontend of web applications is driven primarily by HTML, CSS, and JavaScript. Websites become dynamic and interactive thanks to the programming language JavaScript.

We have come a long way since its inception and today there are now standard ways to go about writing JavaScript code. The React.js library is a very popular one that is used to build user interfaces on the Web. You don't just write JavaScript, you follow the React way and efficient rendering will be taken care of. Writing the React way is also pleasant to some people, as it takes a component-based approach to writing websites and applications.

This session will be an introduction to using React as your frontend library. Basic knowledge of HTML, CSS, and JavaScript is required.

We will use https://codesandbox.io/s/react-new to play around with a React application. All you need is a computer and a browser. Go to that website to get started.

You can find more information about React at https://react.dev

Intro to React frontend library | Building UI with JavaScript

Learn to build a backend JSON API with the Go programming language.

Requirements
* Text editor such as Visual Studio Code
* Terminal
* Go (https://go.dev/dl/)

Building a JSON API with Golang

Learn how to write HyperText Markup Language (HTML) to build websites.

When you open a web browser and go to a website, the document that you see is written in HTML. Learning HTML is part of frontend development. The structure of a web page is defined by HTML.

You're going to need a computer with a web browser of your choice. For example, Google Chrome or Mozilla Firefox. Then, you are also going to need a text editor or an integrated development environment (IDE). We recommend Visual Studio Code that is freely available.


Day 01 - HTML - Full Stack Web Dev Bootcamp

Day 02 - HTML - Full Stack Web Dev Bootcamp

Learn how to style websites with Cascading Style Sheets (CSS).

The structure of a web page is defined with HyperText Markup Language (HTML), but the visuals are controlled by Cascading Style Sheets (CSS). Learning CSS is part of frontend development. With CSS, you can change the text color, background color, position and resize elements, add spacing between elements, etc.

You're going to need a computer with a web browser of your choice. For example, Google Chrome or Mozilla Firefox. Then, you are also going to need a text editor or an integrated development environment (IDE). We recommend Visual Studio Code that is freely available.


Day 03 - CSS - Full Stack Web Dev Bootcamp

Learn how to style websites with Cascading Style Sheets (CSS).

The structure of a web page is defined with HyperText Markup Language (HTML), but the visuals are controlled by Cascading Style Sheets (CSS). Learning CSS is part of frontend development. With CSS, you can change the text color, background color, position and resize elements, add spacing between elements, etc.

You're going to need a computer with a web browser of your choice. For example, Google Chrome or Mozilla Firefox. Then, you are also going to need a text editor or an integrated development environment (IDE). We recommend Visual Studio Code that is freely available.

Day 04 - CSS - Full Stack Web Dev Bootcamp

Learn to build a backend JSON API with the Go programming language.

The lecture picks up from a previous session where we were introduced to the Golang programming language and how to go about making an API endpoint. Please clone or download the repository at https://github.com/nbktechworld/intro-to-golang/tree/master/json-api if you don't have the source code.

Requirements
* Text editor such as Visual Studio Code
* Terminal
* Go (https://go.dev/dl/)


Building a JSON API with Golang Pt 2

Learn how to track file changes using version control with Git and GitHub.

Source code is usually under version control with snapshots taken over time. It is a powerful feature with many benefits. For example, programmers can go back in time if needed, be it to address and reverse problems caused by the latest changes or to look up past implementation decisions in order to inform the making of new ones. 

You're going to need the Git program installed on your machine. In addition, create an account on the GitHub website.

Day 05 - Git & GitHub - Full Stack Web Dev Bootcamp

Learn how to track file changes using version control with Git and GitHub.

Source code is usually under version control with snapshots taken over time. It is a powerful feature with many benefits. For example, programmers can go back in time if needed, be it to address and reverse problems caused by the latest changes or to look up past implementation decisions in order to inform the making of new ones.

You're going to need the Git program installed on your machine. In addition, create an account on the GitHub website.

Day 06 - Git & GitHub - Full Stack Web Dev Bootcamp

Learn how to use the JavaScript programming language to manipulate an HTML document.

JavaScript allows you to programmatically change the document object model and make websites interactive and dynamic. Modern web applications rely heavily on JavaScript to provide a smooth and seamless user experience.

You're going to need a computer with a web browser of your choice. For example, Google Chrome or Mozilla Firefox. Then, you are also going to need a text editor or an integrated development environment (IDE). We recommend Visual Studio Code that is freely available.


Day 07 - JavaScript - Full Stack Web Dev Bootcamp

Day 08 - JavaScript - Full Stack Web Dev Bootcamp

Learn how to use the React.js library to build user interfaces (UI) for the web.

An HTML document can be manipulated with plain JavaScript (usually called vanilla), but historically the codebase could turn into a mess of scattered code that is hard to work with. So, throughout the years libraries and frameworks were built to make it easier and more standard to build on the frontend. One of those libraries is React.js, which allows one to declaratively define view templates, breaking the UI down into composable components.

You're going to need Node.js and NPM installed on your computer. They usually come bundled when you download from the official Nodejs dot Org website. You're also going to need any kind of terminal application that allows you to type commands. Any major operating system already comes with a command line interpreter of some kind, such as Command Prompt or PowerShell on Windows and Terminal app on macOS or Linux.

Day 09 - React.js - Full Stack Web Dev Bootcamp

Day 10 - React.js - Full Stack Web Dev Bootcamp

Learn how to write Structured Query Language (SQL) queries to interface with a relational database management system (RDBMS).

Web applications today remember your preferences and all interactions because the data is saved in the backend in a database. Get to know to make SQL queries to retrieve data, insert data, update data, delete data, plus combining tables together with a join.

You'll need to install PostgreSQL in your machine. Usually it also comes with pgAdmin, the graphical user interface client used to manage the database.

Day 11 - PostgreSQL - Full Stack Web Dev Bootcamp

Day 12 - PostgreSQL - Full Stack Web Dev Bootcamp

Learn to build a backend server using the Node.js (Serverside JavaScript) programming language with the Express library framework.

JavaScript originated as the language of the web to manipulate HTML documents, but today it can also be used outside the browser as a general-purpose programming language called NodeJS. One popular way to build HTTP web servers with Node.js is using the Express framework, a third-party library that can be installed via a package manager such as NPM (Node Package Manager).

Make sure you have Nodejs and NPM installed. Usually, NodeJS comes bundled with NPM as well.


Day 13 - Express.js - Full Stack Web Dev Bootcamp

Learn to build a backend server using the Node.js (Serverside JavaScript) programming language with the Express library framework.

JavaScript originated as the language of the web to manipulate HTML documents, but today it can also be used outside the browser as a general-purpose programming language called NodeJS. One popular way to build HTTP web servers with Node.js is using the Express framework, a third-party library that can be installed via a package manager such as NPM (Node Package Manager).

Make sure you have Nodejs and NPM installed. Usually, NodeJS comes bundled with NPM as well.

Day 14 - Express.js - Full Stack Web Dev Bootcamp

Learn how to build a mobile app using the React Native framework.

The most popular mobile operating systems Android and iOS each have their own software development kit and language of choice to build apps. However, the framework React Native allows one to build a mobile application using the JavaScript programming language that targets both platforms.

You're going to need Node.js and NPM installed. You also need a terminal application to type commands. You need a smartphone running either Android or iOS. Install the Expo app on your smartphone. 


Day 15 - React Native - Full Stack Web Dev Bootcamp

Day 16 - React Native - Full Stack Web Dev Bootcamp

Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/running-sum-of-1d-array

https://leetcode.com/problems/find-the-highest-altitude/description/

https://leetcode.com/problems/build-array-from-permutation/


Practice Solving Data Structures and Algorithms Problems

Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/score-of-a-string

https://leetcode.com/problems/reverse-string/description/

https://leetcode.com/problems/valid-anagram


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/final-value-of-variable-after-performing-operations/

https://leetcode.com/problems/single-number

https://leetcode.com/problems/fizz-buzz/


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/remove-element/

https://leetcode.com/problems/move-zeroes/

https://leetcode.com/problems/sort-colors/


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/convert-the-temperature/

https://leetcode.com/problems/two-sum/

https://leetcode.com/problems/kids-with-the-greatest-number-of-candies/


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/linked-list-cycle/

https://leetcode.com/problems/reverse-linked-list/

https://leetcode.com/problems/remove-duplicates-from-sorted-list/


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/jewels-and-stones

https://leetcode.com/problems/number-of-good-pairs

https://leetcode.com/problems/word-pattern



Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/longest-subarray-of-1s-after-deleting-one-element

https://leetcode.com/problems/maximum-average-subarray-i

https://leetcode.com/problems/max-consecutive-ones-iii


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/counting-bits/

https://leetcode.com/problems/sum-of-all-subset-xor-totals/

https://leetcode.com/problems/sum-of-two-integers/



Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/find-the-maximum-achievable-number

https://leetcode.com/problems/defanging-an-ip-address

https://leetcode.com/problems/divisible-and-non-divisible-sums-difference


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/longest-consecutive-sequence

https://leetcode.com/problems/longest-continuous-increasing-subsequence

https://leetcode.com/problems/removing-stars-from-a-string


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/concatenation-of-array

https://leetcode.com/problems/the-two-sneaky-numbers-of-digitville

https://leetcode.com/problems/find-minimum-operations-to-make-all-elements-divisible-by-three


An introduction to number systems such as decimal, octal, hexadecimal, and binary. The focus will be ultimately on base 2.

Number Systems other than Base 10

Binary Numbers

Convert from any Base to Base 10

Hexadecimal Related to Binary

Information Systems with On/Off Switches

Bits and Bytes

Number Systems and Binary Numbers

Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/merge-two-sorted-lists

https://leetcode.com/problems/reverse-linked-list-ii

https://leetcode.com/problems/convert-binary-number-in-a-linked-list-to-integer



Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/search-insert-position

https://leetcode.com/problems/plus-one/

https://leetcode.com/problems/merge-sorted-array


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/guess-number-higher-or-lower

https://leetcode.com/problems/successful-pairs-of-spells-and-potions

https://leetcode.com/problems/find-peak-element


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/number-of-1-bits

https://leetcode.com/problems/reverse-bits

https://leetcode.com/problems/prime-number-of-set-bits-in-binary-representation


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/xor-operation-in-an-array

https://leetcode.com/problems/decode-xored-array

https://leetcode.com/problems/find-the-xor-of-numbers-which-appear-twice/


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/reshape-the-matrix

https://leetcode.com/problems/island-perimeter

https://leetcode.com/problems/rotate-image


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/palindrome-number

https://leetcode.com/problems/valid-palindrome

https://leetcode.com/problems/valid-palindrome-ii


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/convert-a-number-to-hexadecimal

https://leetcode.com/problems/complement-of-base-10-integer

https://leetcode.com/problems/minimum-bit-flips-to-convert-number


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/running-sum-of-1d-array

https://leetcode.com/problems/find-the-highest-altitude

https://leetcode.com/problems/build-array-from-permutation


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/score-of-a-string

https://leetcode.com/problems/reverse-string

https://leetcode.com/problems/valid-anagram


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/remove-element

https://leetcode.com/problems/move-zeroes

https://leetcode.com/problems/sort-colors


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/final-value-of-variable-after-performing-operations

https://leetcode.com/problems/single-number

https://leetcode.com/problems/fizz-buzz


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/convert-the-temperature

https://leetcode.com/problems/two-sum

https://leetcode.com/problems/kids-with-the-greatest-number-of-candies


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/three-consecutive-odds

https://leetcode.com/problems/pascals-triangle

https://leetcode.com/problems/pascals-triangle-ii


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/jewels-and-stones

https://leetcode.com/problems/number-of-good-pairs

https://leetcode.com/problems/word-pattern


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/fibonacci-number

https://leetcode.com/problems/check-if-it-is-a-straight-line

https://leetcode.com/problems/rectangle-overlap


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/counting-bits/

https://leetcode.com/problems/sum-of-all-subset-xor-totals/

https://leetcode.com/problems/sum-of-two-integers/


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/contains-duplicate-ii

https://leetcode.com/problems/finding-3-digit-even-numbers

https://leetcode.com/problems/missing-number


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://leetcode.com/problems/linked-list-cycle

https://leetcode.com/problems/reverse-linked-list

https://leetcode.com/problems/remove-duplicates-from-sorted-list


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://www.hackerrank.com/challenges/tree-preorder-traversal

https://www.hackerrank.com/challenges/tree-inorder-traversal

https://www.hackerrank.com/challenges/tree-postorder-traversal


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://www.hackerrank.com/challenges/a-very-big-sum

https://www.hackerrank.com/challenges/diagonal-difference

https://www.hackerrank.com/challenges/plus-minus


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://www.hackerrank.com/challenges/staircase

https://www.hackerrank.com/challenges/mini-max-sum

https://www.hackerrank.com/challenges/birthday-cake-candles


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://www.hackerrank.com/challenges/arrays-ds

https://www.hackerrank.com/challenges/dynamic-array

https://www.hackerrank.com/challenges/array-left-rotation


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://www.hackerrank.com/challenges/print-the-elements-of-a-linked-list

https://www.hackerrank.com/challenges/insert-a-node-at-the-tail-of-a-linked-list

https://www.hackerrank.com/challenges/insert-a-node-at-the-head-of-a-linked-list


Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://www.hackerrank.com/challenges/get-the-value-of-the-node-at-a-specific-position-from-the-tail

https://www.hackerrank.com/challenges/delete-duplicate-value-nodes-from-a-sorted-linked-list

https://www.hackerrank.com/challenges/find-the-merge-point-of-two-joined-linked-lists


In this session I will demonstrate how you can leverage AI Agents to enhance your Git and GitHub workflows as we enter this new era of artificial intelligence.

I will show you how to rely on AI agents to do basic tasks for you such as creating a feature branch, making code changes, adding files to commit, pushing changes to origin remote, creating a pull request, addressing pull request feedback, marking comments as resolved.

GitHub Copilot in Visual Studio Code will be used, but the approach can be done with any modern agentic LLM stack such as OpenAI Codex, Anthropic Claude Code, etc.

Enhancing Git and GitHub Workflows with AI Agents

Go over solving a Data Structures and Algorithms (DSA) problem for practice.

In this session we might go over the following problems:

https://www.hackerrank.com/challenges/compare-two-linked-lists

https://www.hackerrank.com/challenges/insert-a-node-into-a-sorted-doubly-linked-list

https://www.hackerrank.com/challenges/reverse-a-doubly-linked-list


Learn live with us

Next up

Practice Solving Data Structures and Algorithms Problems

Recently

Enhancing Git and GitHub Workflows with AI Agents

Practice Solving Data Structures and Algorithms Problems

Practice Solving Data Structures and Algorithms Problems