frontend
what language is this?
<h1>hello blueprint<h1>
HTML
explain the house metaphor
CSS = decorations
HTML = structure
frontend/client JavaScript = smart home
backend code = pizza place lol
what is the difference between git and github?
Git is a local version control tool that tracks changes to your code over time (commits, branches, merges).
GitHub is a cloud platform that hosts git repositories and adds collaboration features like pull requests and code review on top of git.
A way to tell our components which information to render. You can think of these like function parameters in Python.
what are props?
what is neha's last name
Hussain
what is HTML
HTML defines what content will be rendered and where it will be displayed on screen. It allows us to group content and convey hierarchical relationships
true or false:
we use PascalCase for variable and function names
FALSE!!!!
camelCase for variable and function names
PascalCase for React components
what does this command do?
git checkout -b <your name>/<short feature description>
creates a NEW branch — separate spaces for you to implement & experiment with your own code.
where do we NOT define helper functions in React components?
code:
import React from 'react';
A
const ExampleComponent = () => {
B
return (
C
)
}
export default ExampleComponent;
C
where is neha from?
sugar land, tx (houston lol)
what is a component?
a reusable JavaScript function that returns JSX describing what a piece of UI should look like
what does this do:
git branch -d <branch-name>
deletes a local branch
this command shows you what changes have not been staged for commit
git status
what is the difference between Javascript, JSX, and Typescript?
JSX is an extension to JavaScript that allows us to mix HTML and JS and to return HTML blocks as part of functions or components.
Typescript is an extension of Javascript that allows us to strictly type our Javascript
how long has neha been in blueprint
this is the 5th semester...
what kind of properties determine component placement and spacing relative to outer components?
flex properties
what are merge conflicts?
Happens when git can't automatically combine two branches because they both changed the same lines of the same file, requiring you to manually choose which version to keep.
name the steps in making a pull request (PR) from start to finish
1. setup: create a new branch
CODE
2. commit changes
3. push changes to github
4. open the PR on github & write a description of the changes
5. iterate on PR
6. MERGED TO MAIN YAY
what's an interface in TypeScript?
An interface specifies exactly what props a component expects and what the type of the props should be so TypeScript catches missing or mistyped props before the code ever runs.
what team did neha project lead for?
ROSE ACADEMIES!!
what is padding?
Space between the content and the border. Creates spacing inside the element.
what's Blueprint's Generative AI Policy?
you are allowed to use Generative AI, but you must be able to explain your code line by line and as a whole.
explain every step to git rebase FULLY
git checkout main
git pull origin main
git checkout <your branch>
git rebase main
resolve merge conflicts: git add ., git commit -m "resolved merge conflicts for <x, y, z>, git rebase --continue
git push --force
Name the different parts of a component
(e.g. imports)
- Component function
- Props
- Helper functions
- JSX return
- Export — makes the component available for other files to import and use
- State (optional) — internal data the component tracks and can update, triggers a re-render on change
what was neha's pit today?
data 140