Bryan Ollendyke btopro

The Back end was responsible for the bug since it was a data type issue that didn't save the order

Languages used in the video:

HTML
JavaScript
PHP
1 additional that I have not seen before

Some tools I see used that are common across web development are CMS which helps to build and manage a website, as well as dev sites for adding/editing code and also the outline designer.

FOSSY web links

Was the backend or frontend responsible for the bug in the video?

stuff
things
cool

Provide a Link to your fork of the codepen

https://codepen.io/goonan24/pen/RwERPyq

The top of the JS code says import .... what is this doing? Is this vanilla?

important is a java keyword. This declares the class that you are creating so it can then be used else where in your code.
It is Vanilla

The bottom says export { MemeMaker }; what do you think this does? Is this vanilla?

I think that this is what puts what ever your created through the different parts of code and pushs it to show up in the field below.
I believe that this isn't vanilla as it is something that was created through the code.

Look at the constructor() what does this do? Does this remind you of anything?

This constructor is laying out how you need to set up the information.

Flipped presentation

I don't need to read slides and bring everything togeter for you, you can do that on your own time. In my 30 minutes, I will be showing what the solution is, how it works and trying to make something ridiculous, quickly.

This is your take home sheet for when you are trying to convince your co-worker that they need to try this out and help us go further together.

Imagine this is a fraction of what we've been building.

Welcome to HAX - https://open.spotify.com/track/4hD4nwWtkqTmf5U8FY3SsE?si=40f8b07857004916

What can I do?

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Page Title</title> 
        <link rel="stylesheet" href="styles.css"> 
    </head> 
    <body>

NPM publishing

make an account on npmjs.com
verify your email address
make an organization that's the same name as your github but lowercase (do this on npm)
Add the other team members to the organization (1 person leads in doing this while the others get added in, like github)

Go to your project's main directory for your button

type npm login and login with your credentials / email address you entered
Edit the package.json file and make the following changes:
"version" set this to somethin like "0.0.1" as this will be your 1st version / a test


	constructor() {
	super();
	this.chatLog = [];
	this.darkMode = false;
	this.developerModeEnabled = null;
	this.isFullView = null;
	this.isInterfaceHidden = null;
	this.hasEditorUI = null;

	Want to learn more about front end web development? Web components
	let you create framework-agnostic components by creating new valid HTML
	tags that work anywhere! Looking to share components across React,
	Angular, Vue or in your CMS project? Need to learn tooling, bundling,
	SEO, OpenWC, Lit or even just where to start? Whether you're a HAX core
	maintainer, a Lit pro, an educator, or someone looking to learn how
	web components can benefit them, we're all here to learn and share
	valuable knowledge about web components at < hax-camp >!


	import { html } from 'lit';
	import { fixture, expect } from '@open-wc/testing';

	import '../src/app.js';

	describe('A Science card', () => {
	let element;
	beforeEach(async () => {
	element = await fixture(html`<learning-card class="two" type="science"></learning-card>`);