Modern web development course: beginner to advanced

Create a basic HTML document using the doctype, html, head, and body tags, with metadata, then save as .html and view it in a browser.

Explore core HTML elements from the head title tag to body content, including headings (h1–h6), paragraphs, div containers, and inline spans, and learn the difference between block and inline elements.

Explore lists and attributes by building an ordered list, control numbering with the type attribute (numbers, letters, roman numerals), and adjust uppercase or lowercase styles in a practical web page.

Create and label web forms using input text for single-line entries and input password for masked input. Utilize line breaks and labels to place username, first name, and password fields.

Learn how radio buttons group with the same name to allow a single choice and how checkboxes enable multiple selections, using name and value attributes for form submissions.

Illustrates how to use a textarea for multi-line input and a submit button to send form data to a server, including the form's action attribute and basic button behaviors.

Learn how to add hyperlinks and images to a web page, control link behavior with target attributes (self vs blank), and set image sources, width, and height.

Learn how to build an HTML table with head and body sections, define rows and cells with tr, th, and td, and add multiple columns and rows.

Explore formatting elements and how to apply bold, italics, subscripts, and superscripts using HTML tags, then preview changes on the page and begin styling with JavaScript.

Explore the basics of styling with cascading style sheets, using inline styles, internal styles in the head, and external stylesheets linked with href for the body's background and text color.

Apply external css to control color, background, and the width and height of block elements, adjusting text colors (green, blue, red), and using percentages and pixels for layout.

Explore how margin and padding create space around and inside elements, using top, left, bottom, and right values. See how padding affects the element’s height and width with pixel examples.

Select and apply a font family such as Kurien, switch between normal and italic styles, and adjust the font size to 20 pixels to change text appearance.

Learn to target elements with element and class selectors, apply styles to specific items like the second paragraph, and use pseudo-classes such as hover and visited to change link states.

Explore block and inline elements, how display, width, and height convert spans, and how display: none, visibility: hidden, and float move elements left or right.

Introduce the HTML DOM and JavaScript, teaching how to manipulate elements and attributes, respond to events, and build interactive web pages through learning by doing.

Explore variables in JavaScript, declaring memory spaces with let, storing numbers, strings, and dictionary-like objects, and learn to debug by using console.log to print values.

Explore JavaScript datatypes, including numbers, strings, arrays, booleans, and objects, learn how to access elements by index or by key, and practice with console logs and comments.

Explore comparison operators in JavaScript: compare operands, distinguish loose (==) from strict (===) equality, and use relational operators (>, <, >=, <=) plus not and not equal for conditional logic.

Explore logical operators and, or, and not, and how they evaluate boolean expressions. See that and requires both operands true, or requires one true, and not negates the result.

Explore conditional statements in programming, focusing on if, else if, and else, with syntax patterns and switch statements, and see how expressions drive program execution and console outputs.

Master the for loop to execute a code block repeatedly, using initialization, a condition, and an update, shown by printing numbers 0 to 9 and concatenating strings with plus.

Explore how a function is a block of code invoked with parameters that performs a task, may return a value, and can print or log results.

Explore synchronous and asynchronous JavaScript execution using sample code. Understand how setTimeout schedules tasks and how callbacks run after events while the rest of the code continues.

Explore arrow functions as a shorthand for traditional functions, compare syntax and this binding, and preview their use in React programming and modern web development.

Explore building a sentiment analyzer using a front-end that sends sentences to a back-end REST API for sentiment analysis, enabling an interactive UI and server-side analysis.

Set up the project with an entry point, install babel-register and babel-preset-env to transpile ES6/ES7 to browser-compatible code, configure babel, and require modules so code runs in the browser.

Set up a hapi server, configure host and port, and create get and post routes for a home page. Start the server with npm start and test in the browser.

Learn to interact with a server API using postman. Switch from get to post methods and send json payloads for sentiment analysis, while organizing routes and models.

Learn to build sentiment analysis in a server API using the natural language toolkit, installing Python packages with pip, and integrating a lexicon-based sentiment analyzer.

Build a Vader sentiment analyzer module in Python using nltk's sentiment intensity to parse an input sentence and compute polarity scores (negative, neutral, positive) for api integration.

Integrate the Vader sentiment module into the jazz application using the pieds and show package, converting it into a promise-based centralizer that returns positive, negative, or neutral sentiment.

Create a client app with a text area, a submit button, and a response panel that shows sentiment (positive, negative, neutral) from an API, built with React.

Deploy a react form component by initializing a project, organizing directories, and building a stateful textarea with a submit button to analyze sentiment.

Attach a text area change handler to update state with the input value and enable the submit button only when the trimmed text is not empty.