Day 38 - 17/10
Last updated
Last updated
Plan:
Learning Js: Modules, JSON, Debugging, Style guide, Best practices, Mistakes, Performance, Reserved words, ...
Converting figma to html:
Progress:
Break up code into separate files; easier to maintain a code-base.
Modules are imported from external files with the import statement and rely on type="module" in the <script> tag.
<script type="module">
import message from "./message.js";
</script>
use keyword export in-line individually, or all at once at the bottom to create named export
export const name = "Jesse";
const name = "Jesse";
export {name};
Can only have one default export in a file
const message = () => {
const name = "Jesse";
const age = 40;
return name + ' is ' + age + 'years old.';
};
export default message;
When a module defines a default export, you can import that without curly braces
import message from "./massage.js";
massage(); //Jesse is 40 years old.
from named export:
import { name } from "./person.js";
from default export:
import message from "./message.js";