Certificate Course in Web Development

Discover how css separates presentation from content, enables shared formatting via external style sheets, and improves page loads through caching. Learn the anatomy of a css rule, including selectors.

Learn how css links styling to html tags, apply shared rules to h1 and h2, and use style blocks with comma separated selectors to reduce repetition in web development.

Explore how to use classes and ids to target HTML elements with CSS, applying styles through the dot operator for class selectors and the hash for id selectors.

Explore css background properties and the background shorthand, and learn to set color, image, position, size, repeat, origin, clip, and attachment to create styled web pages.

Apply font size, color, line height, and text alignment to h1 and paragraph tags, illustrating center, left, and right alignment and responsive behavior.

Style links in css by state, including unvisited, visited, hover, and active, and observe color changes such as red, green, hot pink, and blue.

Explore CSS border properties by applying styles such as dotted, dashed, solid, double, groove, and red borders on a paragraph, including a none class to remove borders.

Learn how css styles html lists, changing bullets and markers for unordered and ordered lists with list-style-type and list-style-image. See examples of circle, square, upper roman, and lower alpha markers.

Explore the CSS box model, including content, padding, border, and margin, and how width and height include these areas. Inspect the example to see how padding and borders affect size.

Learn how the float property makes text wrap around images by aligning elements to the left or right within the page's bounding box.

Apply CSS cursor properties to a paragraph element by using class selectors, and explore grabbing, crosshair, and move cursors to customize pointer behavior.

Learn how media queries use the @media rule in CSS to apply styles based on browser width, enabling responsive web design and changing background colors at 600 pixels.

Explore the basics of programming, including how compilers and interpreters translate code into binary, and compare programming, scripting, and markup languages with client/server concepts.

Learn JavaScript, a lightweight, interpreted scripting language for dynamic client-side web pages that makes pages interactive, handles events and form validation, and can run server-side with Node.js.

Learn how to link JavaScript to HTML using inline script tags in the head or body and external scripts for reuse with the src attribute.

Explore the evolution of JavaScript versions, from its ECMA standardization to the official ECMA script name, including S1, S2, S3, ES5, ES6, and year-based releases.

Explore how JavaScript variables work, create them with the var keyword, and use identifiers like x, y, and z to store, compute, and display data via alert.

Explore data types in programming, including primitive types such as numbers, strings, and booleans, and composite types like arrays and objects, with examples of variable operations and concatenation.

Explore declaring and using arrays in JavaScript, accessing elements by index, and updating content with innerHTML while illustrating zero-based indexing and the length property.

Illustrates JavaScript functions as black boxes with inputs and outputs, using parameters and arguments. Demonstrates function definitions and invocations, returning a value like twelve.

Learn how JavaScript uses objects and classes, including class syntax, constructors, and the this keyword, and how to create and display object properties with new.

Explore push, pop, shift, unshift, and sort with a fruits example, showing push adds to end, pop and shift remove elements, unshift adds to start, and sort orders strings.

Explore JavaScript control structures by learning the if statement and else block, understanding conditions, and seeing how true or false outcomes control code execution.

Explore how the JavaScript switch statement selects code blocks based on cases, using break and a default block for unmatched input; see fruit examples.

Master JavaScript for loops by applying the initialization, condition, and increment in the loop header to repeat code, build a string, and update the page with each iteration.

Explore the while loop, which executes a code block while a condition is true, with an example that increments i from 0 to 9 and performs ten iterations.

Explore JavaScript popup boxes, including alert, confirm, and prompt, and learn how alert displays information, confirm returns true or false, and prompt returns input or null during user interaction.

Explore syntax errors, runtime errors, and logical errors in JavaScript, and learn to use try, catch, and finally to handle them, including how a misspelled alert triggers a catch.

Master debugging in JavaScript by fixing syntax and logical errors and using browser tools like inspect and console to locate error messages and evaluate values with console.log.

Master JavaScript best coding practices to write clean, maintainable code by minimizing global variables, declaring local variables, and placing declarations at the top. Initialize variables, guard against automatic type conversions, prefer triple equals, include default in switches, and document with comments for clarity.

Bootstrap is the popular free front-end framework for developing responsive websites with HTML, CSS, and JavaScript templates. It enables mobile-first design and broad browser compatibility to speed up web development.

Discover how to start using bootstrap in this certificate course in web development by visiting getbootstrap.com, choose between download or CDN, and connect CSS and JavaScript via the starter template.

Learn how Bootstrap container classes wrap content with left and right padding, using the responsive fixed width container and the container fluid class that spans the viewport.

discover how bootstrap grid system divides the page into 12 columns. see three equal columns and how container, row, and column classes organize layouts, constrained to 12.

Implement bootstrap tables by adding the table class to a tag, then apply styles like table-dark, table-striped, table-bordered, and table-hover, and wrap with table-responsive for horizontal scrolling.

Explore bootstrap button customization by browsing getbootstrap.com, learning about button types, outline styles, hover effects, sizes, and disabled or block buttons. Copy starter code to render a primary bootstrap button.