The Full Stack Developer Bootcamp

Explore html section overview: learn block and inline elements, tables, divs, spans, classes and ids, semantic page html and html5 tags, with hands-on projects and a setup walkthrough.

Explore HTML fundamentals, learning how elements and tags form the skeleton of web pages with doctype, head, body, and title, using nesting and attributes to build structured content and navigation.

Explore essential VS Code extensions and plugins to boost your coding workflow, including beautify, bracket pair colorization, and history tools, with steps to install them.

Explore block vs inline elements, and build pages with headings (H1–H6), paragraphs, lists, and images; learn anchors, break tags, strong emphasis, and HTML entities, plus comments for clarity.

Build a basic HTML site project by creating a folder, a page with two headings, two paragraphs, an image, and both lists; then git init, commit, and push to GitHub.

Learn to set up a basic HTML site by creating a project folder, structuring content with headings, paragraphs, images, and lists, and initializing a git repository to push to GitHub.

Learn to build tables and forms in HTML by creating a table with head, body, and foot, and a form with labels, inputs, name attributes, placeholders, and a submit button.

Learn how divs group page sections as block elements, and how spans provide inline styling; build a simple blog layout with navigation, a featured image, and blog post paragraphs.

Define and apply IDs and classes to control styling, noting that IDs are unique while classes are reusable; name them meaningfully and use a global class for consistent gray headings.

Explore semantic HTML5 tags like head, nav, section, article, aside, and footer to give meaning to page structure, and learn id versus class and global classes.

Create a blog using semantic html: header, nav, two articles with h3 headings, a name and email form with submit button, two-image gallery, and push to a git repo.

Create a semantic blog page with a head, navigation, and two article entries. Add a form for username and email with a submit button and a two-image gallery.

Complete the four bonus HTML assignments, answer a yes or no question after finishing, and watch the solution video to review the challenge.

Explore beginner css fundamentals and advanced topics, covering typography, box model, positioning, cascading and specificity, gradients, shadows, animations, transitions, columns, hands-on coding projects, and a quiz.

Master CSS fundamentals by learning inline, internal, and external stylesheets to apply colors, fonts, and text alignment. External stylesheets are the recommended approach, keeping styling centralized and avoiding repetition.

Explore styling techniques using CSS classes and IDs to build and style a simple site, covering universal resets, layout with display and margins, and a styled navigation menu.

Explore descendant selectors to style specific elements inside a parent, such as a paragraph within a container, without affecting paragraphs, and see how nav menu items and links are targeted.

Link up pages using relative links and a shared css stylesheet. Create and connect pages like index, accommodation, activities, image gallery, and contact, ensuring the menu navigates smoothly.

Learn to choose and embed fonts via Google fonts, apply font-family with fallbacks, and adjust typography using size, color, text transform, and letter spacing to brand a page.

Set up background images with the background property, loading from your image folder, adjust size, position, and cover, and apply to pages like about page, accommodations, activities, gallery, and contact.

Explore the CSS box model and how margins, borders, padding, width, and height determine each element's space, with practical padding and margin shorthand examples.

Master css floats to position a sidebar and create a multi-column layout. Engineer a main content area with an image gallery and side-by-side elements.

Build a band website by combining a header with a logo image, an embedded video, a menu, content sections, columns, a latest news blog with a sidebar, and a card.

Review the band website built with a css stylesheet, fonts, and image folder, featuring the logo in the head, top navigation, a main iframe video, and a blog section.

Explore how CSS positioning works by applying static, relative, absolute, fixed, and sticky values to page elements, showing how top, bottom, left, and right alter layout and flow.

Explore the art of cascading in CSS, understanding how styles cascade, override, and precedence affect an element when multiple rules apply, with inline styles and browser defaults illustrated.

Explore media queries and responsive design to adapt layouts across mobile, tablet, and desktop, using breakpoints, min-width and max-width to adjust columns, colors, and typography.

Craft a single-page portfolio site with a main logo image, smooth on-page navigation, an about section with an image and skills, a project portfolio, and a non-submitting contact form.

Take a hands-on coding project walkthrough to build a portfolio with HTML and CSS, including about me, portfolio, and contact sections and ID-based navigation.

Explore CSS3 properties to enhance web pages, including border-radius for images, rgba colors for opacity, gradients and shadows, and media queries to adapt layouts across devices.

Learn to enhance web pages with CSS shadows and gradients, applying text shadows and multiple gradient types (linear, radial, repeating), using background and background-image for rich visuals.

Explore css3 animations and transitions by styling a link as a button, applying background color and border-radius transitions, and defining keyframes for translate, scale, and rotate in an infinite loop.

Choose your own coding project in this full stack bootcamp lecture, with no predefined requirements, for any type of site. Post your project in the discussion or Slack for feedback.

Explore browser devtools to inspect pages, view elements, and test live styling such as colors and margins, and preview non-permanent changes in real time to fine-tune pages.

Explore four essential Git topics, including Git pages, Git branching, a Git branching walkthrough, and Git matching, to boost hands-on workflow and project collaboration.

Explore GitHub pages, branching, and pushing to git to showcase your web projects. Create a gh-pages branch, switch between branches, push updates, and view your site from the repo.

Explore how git branching lets multiple developers work on separate branches, switch between black-and-white and color styling branches, and merge changes into the default project branch.

Create two git branches, black and white, and a colossal kaleidoscope with purple, and style each branch separately. Commit changes, view logs, switch branches, and merge for the next lecture.

Learn to merge git branches, compare incoming vs current changes, accept incoming changes, manage the master branch, and delete unused branches with git branch -D to keep your repo clean.

Explore bootstrap basics, including the grid with containers, rows, and columns, plus typography, buttons, forms, tables, and components, with an independent project to apply your skills.

Discover bootstrap as a front-end framework offering pre-built tools and components—buttons, forms, nav bars, and grid systems—to speed up web development, with guidance on import, download, and documentation.

Explore Bootstrap's grid system with containers, rows, and columns to create a 12-column layout. Learn to use regular and fluid containers and md breakpoints for responsive design across devices.

Learn bootstrap typography and button styling by applying predefined classes to headings, text, and the jumbotron, and explore button variants like danger, outline, sizes, and active states.

Create a Bootstrap-styled table with first name, last name, and user name headers, plus a sign up form with email, password, and a submit button.

Explore Bootstrap components from forms to jumbotron, navigation, carousels, and popovers, and learn to build a site from scratch using Bootstrap's varied layout options.

Learn to build a Bootstrap-based web site, implement a responsive layout with a navigation bar, image gallery, and pages for about, rooms, and contact.

Learn to rebuild a Wikipedia-style page with Bootstrap, focusing on a basic layout, the navigation menu, and multilingual language links. A walkthrough video demonstrates how this is created using Bootstrap.

Learn to build a Wikipedia-like page with Bootstrap, featuring a left sidebar navigation, a main content area with a two-column layout, card columns, and a welcome box.

Learn to style a Wikipedia-like page using Bootstrap and CSS, including setting link colors, floating sidebars, gradients, borders, and a featured image for a clean, browser-consistent layout.

Create an independent project using bootstrap to build any type of site, applying your bootstrap campaign experience and asking questions when help is needed.

Master the fundamentals of beginner JavaScript by exploring variables and data types, logic and conditionals, functions, loops, arrays, and objects. Apply learning through mini projects included in the section.

Learn to store information with variables and data types in JavaScript, including numbers, strings, booleans, and constants, using let and const, and print results with console.log.

Explore the browser console and dev tools to run JavaScript, inspect page elements, view sources, and practice with variables, prompts, and simple operations like multiply.

Explore JavaScript conditionals and logical operators using if, else, and else if to compare values with strict equality, test weather scenarios, and handle data types safely with const and let.

Explore how switch statements evaluate an expression against multiple cases, using break and default to control flow in JavaScript. Compare with if/else and see practical day-of-week examples.

Learn how to declare and invoke functions, pass parameters and arguments, and return values, using function declarations, function expressions, and anonymous functions to create reusable, efficient code.

Explore global and local scope in JavaScript, and examine function scope and lexical scope with closures. See how variables are accessed across scopes and why scope matters.

Explore loops in programming, including while, do-while, and for loops, and learn how break and continue statements control iteration until conditions are met.

Learn JavaScript loops from initialization to update, including while loop flow, break and continue behavior, and practical counting examples that store numbers inside a loop.

Create a mini project that counts how many times a chosen letter appears in a user-entered sentence, using a text area, a button, and a results display.

Learn to create a grocery list as an array, access items by zero-based index, and modify arrays using push, pop, and shift to add or remove items.