Workshop code, lectures, notes, and solutions for the WEB21 cohort
Click to open
Click to open
Click to open
click to open
Technical:
- Code playground | CodePen
- Code REPL environment | repl.it
- JS Fiddle
- JSBin
- OneTab-Tab Manager - Chrome Extension
- How To Install VSCode Extensions
- Emmet autofill in VSCode
- Emmet for most IDE's
- ESLint | Code spell-checker
- Prettier | Code Formatter
- VSCode shortcuts
- Rubber Duck Debugging
- DevDocs
- GitHub BitBucket HTML Preview
- Free Programming Books
- User flow builder | Userflow
- Design Resources For Developers | Traversy
Technical Interviewing:
- https://www.interviewcake.com/
- https://www.interviewcake.com/data-structures-and-algorithms-guide/
- https://www.interviewing.io/
- https://www.pramp.com/
- https://www.skilledinc.com/
Code Challenges and Whiteboarding:
- https://www.hackerrank.com
- https://leetcode.com/explore/
- https://coderbyte.com/
- https://triplebyte.com/
- https://www.codewars.com/
- https://www.codesignal.com/
- https://github.com/Pau1fitz/react-interview (React and Redux-specific questions)
- https://www.reddit.com/r/cscareerquestions/comments/1jov24/heres_how_to_prepare_for_tech_interviews/
- https://www.geeksforgeeks.org/
- https://medium.com/quick-code/top-tutorials-learn-data-structure-and-algorithm-for-an-interview-preparation-96e1f7518e26
- https://www.byte-by-byte.com/studying-data-structures-and-algorithms/
- https://www.byte-by-byte.com/coding-interview-questions/
- https://github.com/h5bp/Front-end-Developer-Interview-Questions
Books:
- https://www.amazon.com/Grokking-Algorithms-illustrated-programmers-curious/dp/1617292230/ref=sr_1_2?ie=UTF8&qid=1550198805&sr=8-2&keywords=grokking+algorithm
- https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/0984782850/ref=sr_1_2?ie=UTF8&qid=1550198891&sr=8-2&keywords=cracking+the+coding+interview
- https://www.amazon.com/Introduction-Algorithms-3rd-MIT-Press/dp/0262033844/ref=sr_1_1?ie=UTF8&qid=1550198948&sr=8-1&keywords=introduction+to+algorithms
Personal Development
- The Pomodoro Technique®
- How to be great at asking coding questions
- How to ask good questions as a developer
- How to ask good coding questions | Zell Liew
- Good Engineering practices while working solo
- Procrastination fears
- Suicide Prevention Online Chat
- Post bootcamp job search story
- podcast | tricky conversation tone
- podcast | tone as a boss
Job Search and Interviewing
Click to open
Training Kit Weekly Sprint Overview: Intro to UI & Git
Training Kit Pre-Work: User Interface 1
Training Kit Pre-Work: User Interface 2
Topic | Lecture |
---|---|
UI 1 & 2 | 🎥 |
Utilities
- Codepen
- Repl.it
- PerfectPixel - Chrome Extension
- Pesticide - Chrome Extension
- Git/Github Flow cheatsheet - Google Docs
Helpful Resources & Links
-
HTML:
-
CSS:
Training Kit Pre-Work: User Interface 3
Topic | Lecture | Code |
---|---|---|
UI 3 | 🎥 | ⚙️ |
Helpful Resources & Links
-
CSS flexbox:
-
CSS Grid:
Training Kit Pre-Work: Git for Web Dev
Topic | Lecture | Code |
---|---|---|
Git for WD | 🎥 | - |
Utilities
Helpful Resource Links
-
Git/GitHub:
- Git - Download
- Learn Git Branching
- 🐙 Github/Git Cheatsheet
- Git Cheat Sheet
- A list of GUIs
- 🌳 Sourcetree | Free Git GUI for Mac and Windows
- Atlassian | Git tutorials, workflows and commands
- 🐙 GitHub | Caching your GitHub password in Git
- 🐙 GitHub | Connecting to GitHub with SSH
- YouTube | How To Setup SSH for GitHub
- 💩 Oh, shit, git!
- Learn git concepts, not commands
- Git Pretty Flowchart
-
Terminal/Command Line:
Sprint Challenge: Sprint-Challenge--User-Interface
Career Development: LS1905 2nd Orientation
click to open
Training Kit Weekly Sprint Overview: Advanced CSS
Training Kit Career Development: Intro to Careers and the Tech Landscape
Career Development Lecture: Intro to Careers and the Tech Field
Training Kit Pre-Work: Responsive Design 1
Topic | Lecture | Code | Solution |
---|---|---|---|
RD 1 | 🎥 | ⚙️ | 🔐 |
Helpful Resource Links
- Xcode phone simulator
- Blisk - Windows phone simulator
- Window Resizer - Chrome Extension
- Window Resizer – 🦊 Firefox Extension
- PerfectPixel – 🦊 Firefox Extension
- Media Genesis | Popular Screen Resolutions
- Responsive Web Design - Learn to Code Advanced HTML & CSS
- Design Principles
Training Kit Pre-work: Responsive Design 2
Topic | Lecture | Code |
---|---|---|
RD 1 | 🎥 | ⚙️ |
Helpful Resource Links
- 📐 Font sizing with rem - Snook.ca
- 📐 Guide: EM vs REM vs PX. Which should you use?
- 📐 CSS Font Sizing: Pixels vs Em vs Rem vs Percent vs Viewport Units
- 📱 Rethinking the Mobile Web by Yiibu
- HTML5 UP! Responsive HTML5 and CSS3 Site Templates
- Responsive CSS Flexbox Designs
- 🖼 Unsplash | Free Stock Images
- 🖼 Pexels | Free stock photos
- 🖼 Barnimages | Free Stock Photos
- 🎨 Paletton | Color Scheme Designer
- FontAwesome | Icon gallery
- 🐙 GitHub Pages | Host a site directly from your repo
- GSAP, the standard for JavaScript HTML5 animation | GreenSock
- Netlify: All-in-one platform for automating modern web projects.
Training Kit Pre-Work: Preprocessing 1
Topic | Lecture | Code |
---|---|---|
PP1 | 🎥 | ⚙️ |
Helpful Resource Links
- Getting Started with LESS.js
- 🔍 Color Identifier
- ColorPick | Chrome Ext
- 🖍 ColorSpace | CSS Gradient Color Generator
- 😎 Coolers | color scheme generator
- 🤖 AI color palette generator
- 🎨 Adobe | Color Wheel
- 10 LESS CSS Examples you should steal
Training Kit Pre-Work: Preprocessing 2
Topic | Lecture | Code |
---|---|---|
PP2 | 🎥 | ⚙️ |
Helpful Resource Links
- CSS Tricks | Useful CSS3 LESS Mixins
- 📚 LESS Function Library
- MDN | CSS Overflow
- less-watch-compiler source code
Sprint Challenge: Sprint-Challenge--Advanced-CSS
click to open
Training Kit Weekly Sprint Overview: JavaScript Fundamentals
Career Development: Team Dynamics and Feedback
Training Kit Pre-Work: JavaScript 1
Topic | Lecture | Guided Project |
---|---|---|
JS 1 | 🎥 | ⚙️ |
Solutions | Code |
---|---|
Objects | 🔐 |
Arrays | 🔐 |
ES6 Function | 🔐 |
Helpful Resource Links
- var, let or const?
- Code Runner for VSCode
- 🍐 Article on Pair Programming
- JS Built-in Functions
- ➡️ When not to use arrow funcs
Training Kit Pre-Work: JavaScript 2
Topic | Lecture | Code | Guided Project |
---|---|---|---|
JS 2 | 🎥 | ⚙️ | ⚙️ |
Solutions | Code |
---|---|
Callbacks | 🔐 |
Array Methods | 🔐 |
Closures | 🔐 |
Helpful Resource Links
- 👟 Code Runner - VSCode Extension
- Traversy Media | HoF & Arrays
- Useful Docs for Front-End Devs
- Techsith | Closure Tutorial
- Techsith | Callbacks Tutorial
- FCC | map method to extract data from an array
- Build Array Methods from Scratch
- Callback Examples by Lambda Student
- 💛 MPJ | Closures
- 🏊 Deep Dive on Closure
- 🚂 Coding Train Closures walkthrough
- Simple Closures
- FCC | Article on Closures
- FCC | Functional Programming
- FCC | OOP & Closures
- MDN | JS OOP for beginners
Training Kit Pre-Work: JavaScript 3
Topic | Lecture | Guided Project | Breakout Code |
---|---|---|---|
JS3 | 🎥 | ⚙️ | ⚙️ |
Helpful Resource Links
- 🐶 Tyler McGuiness | WTF is 'this'
- The Net Ninja | Prototype
- 📑 JS Cheat Sheet
- 🚂 The Coding Train | Prototypes in JS 2017
- 🚂 The Coding Train | Prototype Inheritance 2019
- Udemy | Web Dev Course
- Mock data generator
- 8 Must-know JS Array Methods
Training Kit Pre-Work: JavaScript 4
Topic | Lecture | Guided Project | Breakout Challenge | Breakout Solution |
---|---|---|---|---|
JS 4 | 🎥 | ⚙️ | ⚙️ | 🔐 |
Solution | Code |
---|---|
Classes | 🔐 |
Helpful Resource Links
- Traversy Media | OOP Crash course
- 💛MPJ/Fun Fun Function | Object Creation
- 💛MPJ/Fun Fun Function | Compostion over Inheritance
- JS Fundamentals Study Guide by Lambda PM
- Code Step-through Visualizer
- snapshot drawing tool
- JS class inheritance
- Evolution of Callbacks, Promises and Async/Await
- Formatting Markdown Files
- Travery Media | Classes and Inheritance
Sprint-Challenge: Sprint-Challenge--JavaScript
click to open
Career Development: Financial Planning, Offers, and Negotiations
Helpful Career Development Links:
- Money Budgeting blog
- Budgeting Spreadsheet
- You need a budget
- Simple | Online Banking With Built-In Budgeting & Saving Tools
Training Kit Weekly Sprint Overview: Applied JS
Training Kit Pre-Work: DOM 1
Topic | Lecture | Guided Project | Project Solution |
---|---|---|---|
DOM 1 | 🎥 | ⚙️ | 🔐 |
Helpful Resource Links:
- Live DOM viewer
- Eloquent JS - DOM
- MDN | 'document' docs
- MDN | DOM
- MDN | NodeList
- MDN | Node.textContent
- FCC | JavaScript ES6, ES7, ES8 (Full Course)
- mmtuts | Event Listeners and Events in JS
- Preventing cross-site scripting attacks when using innerHTML
Training Kit Pre-Work: DOM 2
Topic | Lecture | Guided Project | Breakout Challenge |
---|---|---|---|
DOM 2 | 🎥 | ⚙️ | ⚙️ |
Helpful Resource Links
- Dan Levy | Intro to JS Events
- Dan Levy | Intro to JS Events Draft 1
- FCC | Event Listeners with Beau
- W3Schools | DOM event listener
- Bubbling and Capturing
- Sitepoint | Event Bubbling and Propogation
- StackOv | Difference between HTMLCol, NodeList, arrs of objs
- Josh Knell | DOM 2 lecture
Training Kit Pre-Work: Components 1
Topic | Lecture | Guided Project | Guided Solution |
---|---|---|---|
Components 1 | 🎥 | ⚙️ | 🔐 |
Helpful Resource Links
- How to Create Tabs with Vanilla JavaScript
- 5 Stages of learning
- Animista | CSS Animations
- CS10 JOsh Knell | Greensock intro
- Josh Knell | Components 1 Lecture
Training Kit Pre-Work: Components 2
Topic | Lecture | Guided Proj(Accordian) | Guided Proj Solution |
---|---|---|---|
Components 2 | 🎥 | ⚙️ | 🔐 |
Helpful Resource Links
Sprint Challenge: Sprint-Challenge-Applied-Javascript
click to open
- Build Week: Culture Document
- Build Week Milestones
- Build Week: Web UI Interface Developer Role
- Build Week: Web Foundations Rubric(Google Doc)
- Build Week: Product List Airtable
- Maintain Strong Social Media Presence Careers 2.0 - Social Media: The Lambda Way
Helpful Resource Links
- Marketing Site Design Inspiration
- Dribbble | Marketing Site Designs
- HTML5UP | template websites
- UnSplash | Free Stock Photos
- Pexels | Free Stock Photos
- Undraw.co | Illustrations
- Cool Triangle BG generator
- CSS clip-path generator
- Icon Collections
- FlatIcon pattern maker
- lorem ipsum)
- Bob Ross Lorem Ipsum
Monday - Milestones
- Marketing landing page scaffolded with common layout structure implemented
- Mobile screen width features starting to come into play
- Lorem ipsum can be used to fill in your content on your pages. Links listed below
Tuesday - Milestones
- Marketing site including all pages fully responsive to Mobile and Desktop screen widths
- All pages laid out all that's left for each page are styling tweaks
- Marketing "Login" call to action links user to the Deployed React app login screen
Wednesday - Milestones
- Marketing site replace placeholder copy with description of product. Be creative here. Really try and describe your project, your project's features and of course have a cool "About Us" page with relevant copy that describes your team members and their roles.
- All marketing site pages fully responsive and built out, may still need to polish up styling and layout.
Thursday - Milestones
- All Team Members -
- Strong emphasis on bug fixes and UI/UX.
- Web
- If your Front end needs help, mob program. All web members in the group could be able to contribute to finalizing the styles.
- All Team Members
- Document your projects within the Readme files in their Github repositories. Without having to talk to you specifically, any developer should be able to install, contribute to, and run your project based on the descriptions found in your readme.
Friday - FEATURE FREEZE + Demo Day
-
Morning Time before Lunch is all dedicated to polish and Demo Day prep
- There will be a sign up sheet delivered to sign up to demo in the hour long school-wide demo
-
There will be a school wide demo held on Friday for 1 hour during the morning
- Students will volunteer their projects to be demoed to their PMs
- Only 10 Projects will be demoed across the entire student body
-
Group wide demos will take place in your PM groups - PMs will use the project rubric to assign a score.
-
Sprint Retrospective to happen before students break for the week
click to open
Training Kit Weekly Sprint Overview: Applied Javascript
Career Development:Portfolios and Artifacts Lecture
next week: Team Dynamics and Feedback
Training Kit Pre-Work: DOM 1
Learning objectives:
- Explain what the DOM is, and how it relates to an html page
- Use DOM selectors, and describe the differences in the behavior of each.
- Use different properties and methods to manipulate a selected element.
- create a new element, manipulate it, and add it to the DOM
Topic | Lecture | Guided Project |
---|---|---|
DOM 1 revisited | 🎥 | ⚙️ |
Helpful Resource Links
- CSS Diner game
- adtrak | CSS selectors cheatsheet
- Adam Marsden | CSS Cheatsheet
- Learn the Web | CSS Cheatsheet
- devhints | CSS Cheatsheet
- Medium | Things nobody taught me about CSS
- Blockchain - learn to code on Etherium
- Blockchain tech explained (2 hr course)
- Reactive UI's with VanillaJS - Part 1: Pure Functional Style | CSS-Tricks
Training Kit Pre-Work: DOM 2
Learning objectives:
- Explain what events are in the browser window, and how event listeners can listen for those events.
- add event listeners and event handlers to elements.
- recognize event propagation and the method used to prevent it.
Topic | Lecture | Guided Project |
---|---|---|
DOM 2 revisited | 🎥 | ⚙️ |
Breakout Challenge | Breakout Solution |
---|---|
⚙️ Madlib exercise | 🔐 |
After Hours w Henry Blevins | Code |
---|---|
array exercises and dom I timer | [-][dom2ahs] |
Helpful Resource Links
- 🐶 HTTP STATUS DOGS
- DAD JOKES using splitting.js & css vars to animate
- bubbling and capturing
- Vanilla JS Stopwatch Script
Training Kit Pre-Work: Components 1
Learning objectives:
- describe what a component is and identify different parts of a component
- write a function that utilizes createElement and returns a new DOM element
- iterate over a list of data creating a new component for each item and attaching that component to the DOM
Topic | Lecture | Guided Project |
---|---|---|
Comp 1 revisited | 🎥 | ⚙️ |
Helpful Resource Links
Training Kit Pre-Work: Components 2
Learning objectives:
- understand and utilize asynchronous Javascript and Promises.
- understand HTTP requests and get data from a server using axios.
- iterate over a list of data received from a server, creating a set of components and adding them to the DOM.
Topic | Lecture | Guided Project |
---|---|---|
Comp 1 revisited | 🎥 | ⚙️ |
After Hours w Henry Blevins | Code |
---|---|
components II github cards | ⚙️ |
Helpful Resource Links
- Eloquent JavaScript | Asynchronous Programming
- Todd Motto | A collective list of free APIs
- n0shake | A public list of APIs
- Dog API
- JS Promises for Dummies
- Frontend Masters | JS New Hard Parts
- JSON Viewer Chrome Extension
- What is HTTP?
- JavaScript Promises in 10 minutes
- javascript.info | promise basics
- A Simple Guide to ES6 Promises | codeburst
- Fetch vs. Axios for making http requests
- Dan Levy | You May Not Need Axios
- How to read your way to becoming a better developer
Sprint-Challenge-Applied-Javascript-v2
Lambda Expert Panel July 2019 recording (second half)
click to open
Training Kit Weekly Sprint Overview: Intro to React
Career Development | Recording | Slides |
---|---|---|
LinkedIn w Rachel Cohen | [Rachel Cohen][Kathleen Hunt] | 📊 |
Career Dev helpful links:
- LinkedIn Checklist Rubric
- LinkedIn Expectations and Resume How-to Guide
- Setting up your LinkedIn Profile
- LinkedIn Cold Outreach Template(300 char or less)
- LinkedIn Cold Outreach Templates
Learning objectives:
- describe ReactJS and the problems that it tries to solve
- explain what components are and how they work in React
- explain what state is in web applications and demonstrate how to make a React component stateful
- change the state of the component with a click listener
Topic | Lecture | Slido | Guided Project |
---|---|---|---|
React Comps & State | 🎥 | 📊 | ⚙️ |
After Hours w Henry Blevins | code |
---|---|
React: vanilla components to JSX | ⚙️ |
Helpful Resource Links
- React Docs | Getting Started
- React Hooks - Use state(get started)
- What problems does React solve?
- React Dev Tools | Chrome Extension
- Babel.js to see React handle JSX
- javscript.io | Import and Export
- Coding Games and Programming Challenges
- Wes Bos | Dead Simple Intro to Destructuring
- ES6 Destructuring: The Complete Guide
- React Hooks at a glance
Learning objectives:
- use JavaScript modules to export and import components
- demonstrate the ability to compose React components to build out a UI
- Describe props and how data flows in a React application
- pass props as dynamic data to a React component
- style react apps with CSS and SASS
Topic | Lecture | Slido | Guided Project | Sandbox: passing props & state |
---|---|---|---|---|
Composing & Passing Props | 🎥 | 📊 | ⚙️ | ⚙️ |
After Hours w Henry Blevins | Code |
---|---|
React: American Football | ⚙️ |
Project Solution Code
Helpful Resource Links
- When should I use curly braces for ES6 import?
- Destructuring React props for cleaner code
- Quick intro to React's props.children | codeburst
- dev.to | React Hooks: useState
- Sass Docs | Sass Basics
- Node Sass Tutorial
- JSBEN.CH | deep copy / clone object
- 2ality | Spread Operators
- 2ality | _.extend and copying properties
- Guide to useState in React
Learning objectives:
- explain what side effects are in React components
- demonstrate how to sync side effects with state and props using the effect hook
- fetch data from an API using the effect hook
- demonstrate how to clean up side effects in the effect hook
Topic | Lecture | Slido | Guided Project |
---|---|---|---|
Comp Side Effects | 🎥 | 📊 | ⚙️ |
After Hours w Henry Blevins | Code |
---|---|
Lambda Calculator | ⚙️ |
Helpful Resource Links
- Fetching Data from an API with React Hooks useEffect
- React Hooks Crash Course Tutorial | FCC
- Polya's Problem Solving Techniques
- React Docs | useEffect Hook
- Codevolution | React Hooks Tutorial Playlist
- ReactJS Tutorial Tutorial
- Data Fetching with React Hooks
- How the useEffect Hook Works
Learning objectives:
- bootstrap a React application with Create React App
- demonstrate how to use Semantic UI to style a React app
- use styled-components to add functional styles to their React Components
Topic | Lecture | Slido | Guided Project |
---|---|---|---|
Comp Side Effects | 🎥 | 📊 | ⚙️ |
After Hours w Henry Blevins | Code |
---|---|
Nasa Photo of the Day | ⚙️ |
NASA Photo of the Day Styles | ⚙️ |
Helpful Resource Links
- React Semantic UI
- React Styled Components
- Styled Components: To Use or Not to Use?
- Accessibility is not a “React Problem” | Netlify
- Achieving Accessibility in React Applications
- ReactJS Datepicker
- Command Line Bootcamp
- DevHints | React Cheat Sheet
- How to Organize Your Components
Sprint Challenge: Sprint-Challenge-React-Wars
Q&A with Dan Levy | Slido | Code |
---|---|---|
🎥 | 📊 | ⚙️ |
click to open
Training Kit Weekly Sprint Overview: Single Page Applications
Career Development: Networking Strategies Presentation | Kathleen Hunt
Learning objectives:
- add React Router to an application and set up basic routing
- describe the
Route
component and set up routes within a React Application - use the
Link
component to navigate between routes - create dynamic routes using URL parameters and the
match
object - explain the purpose of client-side routing
Topic | Lecture | Slido | Guided Project | Second Sandbox | Kittens Sandbox | Kittens Solution |
---|---|---|---|---|---|---|
React Router 1 | 🎥 | 📊 | ⚙️ | ⚙️ | ⚙️ | ⚙️ |
Helpful Resource Links
- JSON Placeholder
- React Router: Declaring Routing for React
- Using React Router for a Single Page Application
- Why ['1', '7', '11'].map(parseInt) returns [1, NaN, 3] in Javascript
- JavaScript: parseInt and map - William Vincent
Learning objectives:
- pass data to components rendered by React Router via the render prop
- add nested routes to an application and display sub-nav views
- use the built in
history
object to programmatically navigate to other routes - explain the difference between
Link
andNavLink
and when to use which to navigate declaratively between routes
Topic | Lecture | Slido | Guided Project | Comics Exercise |
---|---|---|---|---|
React Router 2 | 🎥 | 📊 | ⚙️ | ⚙️ |
Henry Blevins After Party | Code |
---|---|
Basic Nav Project | ⚙️ |
Helpful Resource Links
- HTML pre tag | W3Schools
- 🐶 Nested Routes with React Routing | Tyler McGinnis
- Build a CRUD App in React with Hooks
- React.js Crash Course | Academind
Learning objectives:
- demonstrate how to build a form with the basic HTML form elements
- use the onChange handler to capture input values
- utilize a form's submit event to work with form data
- demonstrate the ability to handle multiple inputs in a form
- use controlled inputs to manage form data
Topic | Lecture | Slido | Guided Project |
---|---|---|---|
React Form Managment | 🎥 | 📊 | ⚙️ |
Henry Blevins After Party | Code |
---|---|
React Router Movies(w Stretch) | ⚙️ |
Helpful Resource Links
- Handling Multiple Inputs w/ One onChange Handler| PluralSight
- What is preventDefault() in React? | RWieruch
- 10 React Custom Hooks
- 10 React Hooks you Should Have in your Toolbox
- React Hooks to Create Awesome Fonts
- Simplifying React Forms with Hooks | Rangle.io
- react router difference between component and render
- Does it mutate?
- Building Forms Using React
Learning objectives:
- define stateful logic
- apply non-visual behavior (stateful logic) with custom hooks
- Compose hooks in a custom hook to extend multiple pieces of stateful logic
Topic | Lecture | Guided Project |
---|---|---|
React Composing and Sharing | 🎥 | ⚙️ |
Henry Blevins After Party | Code |
---|---|
Team Builder | ⚙️ |
Dark Mode | ⚙️ |
Marguel Gutierrez Team Lead Hours | Code |
---|---|
Team Builder walk through | ⚙️ |
Helpful Resource Links
- Rules of Hooks | React Docs
- Collection of React Hooks
- Console.time()
- Google Search Operators: 42 Advanced Operators
- Import cost | VSCode Extension
- Writing Your Own Custom Hooke
- React.games
- Basics of Making Custom Hooks in React | dev.to
- Creating Custom React Hooks article
- React.js Hooks Crash Course | YouTube
- Using Custom React Hooks Simplify Forms
- Form Validation Using Custom React Hooks
- Google History of a High-Paid Sr. Engineer| YouTube
- 101 Tips For Being A Great Programmer (& Human) | dev.to
- LocalStorage | usehooks.com
- React Hooks - Local Storage State | YouTube
WEBPT14
click to open
- Build Week Culture Document
- Celebrity Dead or Alive Product Canvas
- Build Week: Web Foundations Rubric(Google Doc)
- Roles and Rubric for Build Week Sprint
- Build Week: Product List Airtable
- API Postman Documentation
Career Development Assignment
- For this week, please use the feedback you got from your peers in Monday’s break-out groups to hone your story until you feel confident about it. Ask at least two more people (peers, friends, family, your coach) for feedback, and upload a short video of yourself (30-60 seconds) sharing your introduction with your sprint retro on Friday.
After Party w Henry Blevins | Video |
---|---|
Deploying React App to Netlify (and using _redirects) | 🎥 |
Helpful Resource Links
Design Tools: Figma Adobe XD Sketch
Design Inspiration: Marketing Site Design Inspiration, Dribbble | Marketing Site Designs, One Page Websites, Templates and Resources
Fonts: Google fonts, FontPair
Color Palettes: Color Hunt, Coolers
Patterns: Gradients, Cool Triangle BG generator, FlatIcon pattern maker
Icons: Icon Collections, SVG Icons, Feather Icons The Noun Project IcoMoon
Animations: Hover.css, Animate.css, Anime.js, magic.css, bounce.js, Green Sock, Hamburger Menu Animations
Photos: Unsplash, Pexels, CSS Clips, Pixabay
Carousel: Slick Slider
Illustrations & Icons: Humaaans, Font Awesome, Undraw | Illustrations, CSS clip-path generator, SVG & PNG Illustrations
Fake Data: Mockaroo, lorem ipsum, Bob Ross Lorem Ipsum
Website Hosting: Netlify, Github Pages, Surge Zeit
Other Resources: Collected Coding Resources, Github Pages - how to deploy your React App, Publish a react app using Netlify CLI
Friday before - Kickoff
- Discover who your team is
- Complete the ice breaker activity
- If your team has a UX designer, they will lead the team in a meeting about the features/design of your product
- Make a copy of the linked canvas and work together as a team to fill it out. Product Canvas Template
- Please find time to do this before Monday morning and get a link to this product canvas into the front end README
Monday - Milestones
- Use React and front end styling platforms such as Material UI, Reactstrap, or something like Styled-Components chosen and implemented as your technology choice (to be done and listed during your additions to the Product Canvas)
- Front end is pulling in some data from backend
- User Login/Signup Pages built and ready to handle the token being sent between backend and front end
- React app and Backend App talking to one another, focus on CORS issues
Tuesday - Milestones
- Morning standup with Trello board open
- Cover what has been completed in the last day and what every one is working on today
- 80% of Front end features & UI Components, built and consuming data from the backend (Functionality over form for now)
Wednesday - Milestones
- Morning standup with Trello board open
- Cover what has been completed in the last day and what every one is working on today.
- 100% of Front end features & UI Components, built and consuming data from the backend (Now is the time to focus on Form).
- Front end is pulling in all data necessary from backend, users can interact with ALL CRUD operations on the Project data.
Thursday - Milestones
- Document your projects within the Readme files in their Github repositories. Without having to talk to you specifically, any developer should be able to install, contribute to, and run your project based on the descriptions found in your readme
Friday - FEATURE FREEZE + Demo Day
-
Morning Time before Lunch is all dedicated to polish and Demo Day prep
click to open
Training Kit Weekly Sprint Overview: Advanced React
Career Development:
For this week’s assignment create a resume draft including the following:
- All sections: Name/contact info, Summary (optional), Projects, Skills, Experience, Education
- Power statements: in the experience and projects section of your resume
- Formatting: formatting should be clean and consistent. For this first draft, we recommend plugging content into Creddle, but you can play around with the format and get more creative, if you wish!
Once you have a finished draft, please run your resume through CV Compiler, which we’re excited to partner with to provide targeted feedback on your resume! It only takes a minute or two to get set up and use:
- Land to the website - https://cvcompiler.com/students/lambda
- Login (using LinkedIn or Github) -> Fill the form
- Enter the special promo code based on your track - ANDresumes, iOSresumes, DSresumes, WEBresumes, or UXresumes during checkout
- Upload your resume
- In case of any questions (e.g. issues with processing resumes), feel free to contact their support team - [email protected]. Please submit your resume draft, with CV Compiler feedback, to your TL with your sprint retrospective this week.
Career Development Helpful Resources and Links:
Coding Challenge | Recording |
---|---|
Hitting the Jackpot | 🎥 |
Learning objectives:
- explain class components, and use a class component to render some state data to the DOM
- share data between components using state and props
- respond to events triggered by user interaction and handle user input via forms in React
Topic | Lecture | Guided Project |
---|---|---|
Class Components w Dustin | 🎥 | ⚙️ shopping list |
Helpful Resource Links
- React Class lifecycles guided project | Sandbox
- Complete Guide to useEffect | overreacted.io
- React Events Cheatsheet
- UUID(Universally Unique Identifier)
Helpful Links from Isaiah Francios:
- React Router: React Router Tutorial For Beginners | Dev Ed React Router Complete Guide | Techsith
- Local Storage w/ React: How To add dark mode easily with a custom React hook
- Dark-mode solution from Dustin
- Class Components: React Class vs Functional Component | Techsith
- Component Lifecycle: React Component Lifecycle Hooks / Methods | Techsith React Component Lifecycle Hooks / Methods | FFC
- Everything to know about hooks: React.js Hooks Crash Course | Academind
- Redux: Redux For Beginners Tutorial | Dev Ed
- Context Api: React State Management, Context Api, Tutorial | Dev Ed
Learning objectives:
- describe the three phases of the React Component Lifecycle
- properly explain what the
constructor
andrender
methods do and what their place is in the React Component Lifecycle - use the
componentDidMount
function to set a component's state post render
Topic | Lecture | Pokemon | Earthquake | Dogs |
---|---|---|---|---|
Lifecycle Methods w Ryan Hamblin | 🎥 | ⚙️ | ⚙️ | ⚙️ |
After Party w Henry | Code |
---|---|
React Todo List | ⚙️ |
Helpful Resource Links
Learning objectives:
- use Formik to control forms
- validate user input in forms
- make POST requests to pass data collected from a form to a database
Topic | Lecture | Animal Form |
---|---|---|
Forms w Dustin | 🎥 | ⚙️ |
After Party w Henry | Code |
---|---|
Github User Card | ⚙️ |
Helpful Resource Links
- Better React Forms
- 5 Tips to Help You Avoid React Hooks Pitfalls
- Test your front-end against a real API | ReqRes.in
Learning objectives:
- explain what automated testing is and its importance
- use Jest to unit test functions
- Use a popular library for testing components
- select DOM nodes using queries
Topic | Lecture |
---|---|
Testing w Dustin | 🎥 |
After Party w Henry | Code |
---|---|
Advanced Form mgmt | ⚙️ |
React Testing | ⚙️ |
Helpful Resource Links
- React Testing Library
- Jest Delightful JavaScript Testing
- Jest Expect Methods List | Jest Docs
- Testing Library CheatSheet
- Custom jest matchers to test the state of the DOM | repo
- Modern React Testing pt.3: Jest and React Testing Library | Artem Sapegin
- Firing Events in React Testing Library
- jest test results after fireEvent.click() (without enzym)
- Regex cheat sheet
Sprint Challenge: Sprint-Challenge-Form-Management
Helpful Resource Links
click to open
Training Kit Weekly Sprint Overview: Advanced State Management
Career Development | Recording | Slides |
---|---|---|
Endorsement Expectations | 🎥 | 📊 |
All career assignments and endorsement expectations:
Learning objectives:
- Student should be able to describe what the Context API is and the problem is solves
- Student should be able to provide data to the component tree with a context provider
- Student should be able to consume data from a context object in nested components
Topic | Lecture | React Music Player | Music Player - Context & State |
---|---|---|---|
Context API w Dustin | 🎥 | ⚙️ | ⚙️ |
Helpful Resource Links
- React State Management Tutorial | Context Api
- How the useContext Hook Works
- When is it appropriate to use a constructor in REACT? | StackOverflow
Coding Challenge |
---|
BBQ Skewers |
Learning objectives:
- explain what immutability is in programming and demonstrate its benefits
- describe reducer functions
- employ the
useReducer
hook to manage state in a component
Topic | Lecture | Repl.it | Reducer Pattern Sandbox |
---|---|---|---|
Reducer Pattern w Dustin | 🎥 | ⚙️ | ⚙️ |
After Party w Henry | Code |
---|---|
Shopping Cart - Context API | ⚙️ |
Helpful Resource Links
Learning objectives:
- explain what Redux is and the problem it solves
- create a Redux Store and connect it to a React application
- use the connect() function to "connect" React components to the Redux store
- write Actions and Action Creators to describe state changes
- write Reducers to respond to actions and update state
Topic | Lecture | Guided Sandbox |
---|---|---|
Redux w Dustin | 🎥 | ⚙️ |
After Party w Henry | Code |
---|---|
Reducer Todo - useReducer | ⚙️ |
Helpful Resource Links
- Redux For Beginners | React Redux Tutorial
- Redux Dev tools | Chrome Extension
- Rebuilding Redux with Hooks and Context
Learning objectives:
- describe the Finite State Machine pattern and it's relationship to building Redux applications
- implement Redux Middleware libraries into a Redux Store using
applyMiddleware
- effectively use
redux-thunk
and asynchronous action creators to consume data from external API's
Topic | Lecture | Guided Sandbox |
---|---|---|
Async Redux w Dustin | 🎥 | ⚙️ |
After Party w Henry | Code |
---|---|
Car Sales - Redux | ⚙️ |
Helpful Resource Links
click to open
Training Kit Weekly Sprint Overview: Advanced Web Applications
Career Development | Recording | Slides |
---|---|---|
Presenting and Interviewing | 🎥 | 📊 |
Helpul Resource Links
Learning objectives:
- use Snapshot Testing to detect regressions
- test asynchronous code
- use mocks and spies in unit tests
- fire events and test async operations
Topic | Lecture | Guided Project |
---|---|---|
React Testing w Dustin | 🎥 | ⚙️ |
Helpful Resource Links
- Write Tests. Not Too Many. Mostly integration. | Kent C. Dodds
- Snapshot Testing | Jest
- Mock Functions | Jest
- Jest Crash Course - Unit Testing in JavaScript | Traversy
- Custom jest matchers to test the state of the DOM
- Setup and Teardown | Jest
- Manual Mocks | Jest
- open source doc helper | Docusaurus
- Documentation templates | Docz
Learning objectives:
- handle authentication with tokens in a React app
- implement protected routes using an authentication token and Redirect
Topic | Lecture | Guided Sandbox - Auth Starter | Guided repo - Gasoline server |
---|---|---|---|
Client Side Auth w Dustin | 🎥 | ⚙️ | ⚙️ |
TL Hours | Recording | Code |
---|---|---|
API CRUD Operations | [🎥][csatlh] | [⚙️][csatlhc] |
[csatlh] :https://codesandbox.io/s/crud-react-g8d5w [csatlhc] :https://youtu.be/6TNt6RETyCM
After Party w Henry | Code |
---|---|
React Testing Gates | ⚙️ |
Helpful Resource Links
- Creating Promises | Andy Lambda Student
- JavaScript Promises Under the Hood
- JSON Web Tokens Introduction
- HTTP Methods - REST API Tutorial
- Debugging APIs - Insomnia
- Mathematics for Computer Science | MIT
Lambda Showcase 2:
Code Challenge |
---|
Book Shelf(class creation) |
Learning objectives:
- explain how the world wide web works
- explain what it means to "deploy" a static web app
- demonstrate the ability to deploy and maintain a React App using ZEIT
Topic | Lecture | Zeit Docs |
---|---|---|
Deploying Apps w Dustin | 🎥 | ⚙️ |
After Party w Henry | Code |
---|---|
React Auth-friends | ⚙️ |
Q&A with Allen Hai | Recording |
---|---|
Deploying with Zeit | 🎥 |
Helpful Resource Links
- zero config deployments | ZEIT
- how to use traceroute, get IP addresses
- How to perform traceroute checks in Windows, Linux and Mac OS?
- Cheap Domain Names | NameSilo
- service for generating different HTTP codes | HTTP Stat
- React Styleguidist
- UI component styling | Storybook
Code Challenge |
---|
Reverse the Odd Length Words |
Learning objectives:
- make PUT requests to an external API using axios
- make DELETE requests to an external API using axios
Topic | Lecture | Guided Project - trinkets |
---|---|---|
HTTP AJAX w Dustin | 🎥 | ⚙️ |
After Party w Henry | Code |
---|---|
Node-Express Preview | ⚙️ |
HTTP Movies CRUD Operations | ⚙️ |
Data Visualization links
- Data Visualization in React Application
- Flexmonster & FusionCharts: React dashboard
- Learning ReactJS Data Visualization
- Building simple data visualizations with React
- visualization components and utils | Potion.js
Helpful Resource Links
click to open
Build Week - Front End Developer
- World Index Product Canvas
- World Index Trello Board
- Build Week Culture Document
- Front End Framework Dev Role description
- Build Week: Web Unit 3 Rubric
- Build Week: Product List Airtable
Career Development Assignment
FOR FRIDAY:
-
You have options depending on your familiarity and comfort level with interviewing; please complete the assignment that is the best match for you!
-
If you are a very nervous interviewer or have limited experience:
- Complete the STAR & Common Interview Questions worksheet (linked below) with general responses that could apply to a range of technical work settings.
- BONUS: practice answering these questions aloud, and extra bonus, film yourself doing it! You don’t need to submit this, but it’s a great way to build your comfort level talking about your skills.
-
If you are familiar with STAR/FEB but want to build your confidence relating your past experience to technical roles:
- Find a job description that you are fairly qualified for (you meet 50%-80% of the requirements)
- Go through the mapping process we just did together.
- write out responses in the STAR worksheet (linked below) that are specifically tailored to that role.
- Include a link to the description in your STAR worksheet.
- BONUS: practice answering these questions aloud, and extra bonus, film yourself doing it! You don’t need to submit this, but it’s a great way to build your comfort level talking about your skills.
-
STAR WORKSHEET: you will need to make a copy and save to your Google drive to edit https://docs.google.com/document/d/12dqHqzFTSuHxADm0E_vxMQWqyYVKJyPLuvsM7lnHdYg/edit?usp=sharing
Friday before - Kickoff
- Discover who your team and assigned TL are and get into a Slack Channel organized by your Project Lead.
- Complete the ice breaker activity
- Make sure you are proactive joining your team's Github org and Trello Board that is created by your assigned TL.
- If your team has a UX designer, they will lead the team in a meeting about the features/design of your product
- Make a copy of the linked canvas and work together as a team to fill it out.
- Please find time to do this before Monday morning and get a link to this product canvas into the front end README and pin it to your Slack Channel.
Monday - Milestones
- You will have a Career Lesson first thing Monday morning
- Finish up Product Canvas (don't skimp on planning)
- Populate backlog on Trello with user stories
- Use React and front end styling platforms such as Material UI, Reactstrap, or something like Styled-Components chosen and implemented as your technology choice (to be done and listed during your additions to the Product Canvas)
- Front end is pulling in some data from backend
- User Login/Signup Pages built and ready to handle the token being sent between backend and front end
- React app and Backend App talking to one another, focus on CORS issues
Tuesday - Milestones
- Morning standup with Trello board open
- Cover what has been completed in the last day and what every one is working on today
- 80% of Front end features & UI Components, built and consuming data from the backend (Functionality over form for now)
Wednesday - Milestones
- Morning standup with Trello board open
- Cover what has been completed in the last day and what every one is working on today.
- 100% of Front end features & UI Components, built and consuming data from the backend (Now is the time to focus on Form).
- Front end is pulling in all data necessary from backend, users can interact with ALL CRUD operations on the Project data.
Thursday - Milestones
- Morning standup with Trello board open
- Cover what has been completed in the last day and what every one is working on today
- Complete Sprint Retro form by end of day
- Strong emphasis on bug fixes and UI/UX
- No new features added after 11am PT 🥶
- Document your projects within the Readme files in their Github repositories. Without having to talk to you specifically, any developer should be able to install, contribute to, and run your project based on the descriptions found in your readme
Friday - FEATURE FREEZE + Demo Day
-
Morning Time before Lunch is all dedicated to polish and Demo Day prep
- There will be a sign up sheet delivered to sign up to demo in the hour long school-wide demo
-
There will be a school wide demo held on Friday for 1 hour during the morning
- Students will volunteer their projects to be demoed to their TLs
- Only 10 Projects will be demoed across the entire student body
-
Group wide demos will take place in your TL groups - TLs will use the project rubric to assign a score.
click to open
Training Kit Weekly Sprint Overview: Web Java Fundamentals
Career Development Helpul Resource Links
Learning objectives:
- install the software needed for Week 1 for the Java Back End Course.
- using the standard Java Development Kit (JDK), enter source code, generate bytecode, prepare a shippable application (JAR file), execute that application and view the application’s output.
- understand what to expect in the Java Back End Course
- explain the basic concept of Object Oriented Programming and how they relate to Java.
- create and manipulate the base Java types which include Boolean, byte, char (including Strings), short, int, long, float, and double.
- craft multiple Java Classes which include comments, constructors, static and instance variables (fields), accessors, public and private methods and instantiate and use Objects of these classes.
Week installs - installing JDK
Topic | Lecture | GP - EmployeeApp | SnackBar Lecture | SnackBar Code |
---|---|---|---|---|
Java 1 | 🎥 | ⚙️ | 🎥 | [⚙️][j1c2] |
Helpful Resource Links
- Java OOPs Concepts - Javatpoint
- 4 Pillars | CoreJavaGuru
- What Are OOP Concepts in Java? 4 Primary Concepts - Stackify
Daily Project - java-SnackBar
Learning objectives:
- craft and use for loops, while loops, do while loops, and recursion
- craft Java conditionals including if-then, if-then-else, and switch statements and branching statements including break, continue, and return.
- craft and manipulate Arrays, and collections with initializers including ArrayList, HashSet, and HashMap.
Topic | Lecture | Guided Project |
---|---|---|
Java 2 - Language Fundamentals | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node Express 1 - Users CRUD | ⚙️ |
Helpful Resource Links
- Java Tutorial | W3Schools
- Java Programming Language | GeeksforGeeks
- HashMap put() Method in Java | G4G
Daily Project - java-WordCount
Learning objectives:
- use and implement interfaces.
- use and implement abstract classes.
- use and implement Lambda Expressions.
Topic | Lecture | GP - transportation |
---|---|---|
Java 3: Interfaces, Abstract Classes, Lambda Funcs | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node Express 2 - Routing | ⚙️ |
Helpful Resource Links
Daily Project - java-AnimalKingdom
Learning objectives:
- download, commit and branch source control repositories.
- use IntelliJ in the following areas: code entry, refactoring, debugging, application analysis, version control, IDE customization, production and distribution
- use and implement code annotations, dependencies, dependency injections, and Java libraries.
Topic | Lecture | GP - messaging |
---|---|---|
Java 4: IntelliJ, Deps | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node Express - middleware | ⚙️ |
Helpful Resource Links
- Documentation | IntelliJ IDEA
- Intellij Idea Tutorial | Tutorialspoint
- IntelliJ IDEA Handbook | Java Code Geeks
- Inversion of Control Containers and the Dependency Injection pattern
- InversionOfControl
- Dependency Injection | Wikipedia
- Inversion of control | Wikipedia
Daily Project - java-athletes
click to open
Training Kit Weekly Sprint Overview: RDBMs and API Introduction
Career Development | Recording | Slides |
---|---|---|
Interview Etiquette Presentation | 🎥 | 📊 |
Helpul Resource Links
- Interview Prep Tool
- Technical Interview Prep
- Pramp
- US Cities and Towns
- 2019 Cost of Living Calculator
- Cost of Living Calculator | PayScale
Learning objectives:
- Student should be able to install the software needed for Week 2 for the Java Back End Course.
- Student should be able to explain the fundamentals of REST API
- Student should be able to explain the uses of and differences between Maven, Spring, and Tomcat
- Student should be able to build a REST service using Spring Boot
- Student should be able to implement Beans throughout the Beans’ lifecycle controlling the Beans using annotations.
- Student should be able to produce a complete application following the Maven Phases.
Week installs - installing Postman and PostgreSQL, set environment variables
Topic | Lecture | GP - WebEmployees |
---|---|---|
Maven, Spring, Tomcat, REST | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node Express - middleware | ⚙️ |
Helpful Resource Links
- REST Architecture Dissertation | Roy T. Fielding
- Apache Maven
- Maven Library Index
- Spring Boot
- Apache Tomcat
- Spring Bean lifecycle tutorial
- Maven/Spring project without IntelliJ IDEA Ultimate Version
- convrting markdown to React
Daily Project - java-countries
Learning objectives:
- explain what SQL is and its advantages
- explain what a Relational Database is and its core components.
- query data from a single table
- query data from multiple tables.
- open an existing database, or create a new one, while adding tables to a PostgreSQL database
- explain data normalization and normal forms while normalizing data to the 3rd Normal Form (3NF).
Topic | Lecture | GP - WebEmployees |
---|---|---|
RDBMS and SQL | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node Express - web db | ⚙️ |
Helpful Resource Links
- weekly installs - WK3
- PostgreSQL tutorial
- database designer
- SQL tutorial | W3 Schools
- Markdown Tables generator - TablesGenerator.com
- Learn Java 8 - Full Tutorial for Beginners
- Learn PostgreSQL Tutorial - Full Course for Beginners
Daily Project - java-sql
Learning objectives:
- explain CRUD operations, HTTP methods, and how they are related
- perform CRUD operations on an RDBMS using SQL.
- perform CRUD operations on an RDBMS using JPA and Hibernate.
- implement seed data using SQL statements
- implement a data seeding class using JPA and Hibernate
- use Rest client to access a full CRUD Java Rest Web API application using the Module's Guide Project as an example.
Topic | Lecture | GP - Restaurants |
---|---|---|
CRUD ops, seed data | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node - SQL Schema, seed | ⚙️ |
Helpful Resource Links
- Up & Running w PostgreSQL
- Creating a PostgreSQL database with pgAdmin and logging into it | YT
- Kim Swinton lambda notes | Gdoc
- Node prototyping | RunKit
- Lambda Expressions in Java 8 - GeeksforGeeks
Daily Project - java-orders
Learning objectives:
- trace through a Java Spring, Spring Data, JPA, Hibernate application
- implement Spring Security and OAuth2 to provide authentication for a project.
- use SQL, JPA and Hibernate to perform advanced query operations on a RDBMS through a Spring Application.
- Implement in Spring Data JPA the various database entity relationships.
- use JPA constructs to create advanced queries
Topic | Lecture | GP - Restaurants |
---|---|---|
Data Modeling, Custom Queries, Oauth | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node - Data Modeling | ⚙️ |
Helpful Resource Links
Daily Project - java-safezoos
click to open
Training Kit Weekly Sprint Overview: Java Frameworks
Career Development | Recording | Slides |
---|---|---|
Offers, negotiations, and NDAs with Rachel Cohen | 🎥 | 📊 |
Career Development Helpul Resource Links
Learning objectives:
- install the software needed for Week 3 for the Java Back End Course.
- troubleshoot running services using both system and programmatically generated logs
- dynamically change levels of logging
- implement industry standard exception handling including user friendly exception messages
- Implement exception handling using a variety of Java constructs
- explain what middleware is and its different types.
Week installs - installing Heroku and Tomcat
Topic | Lecture | GP - exception logging |
---|---|---|
Errors and Logging | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node - Webdb postgres | ⚙️ |
Helpful Resource Links
- Logback - logging layouts
- SLF4J: Different Log Files for Different Log Levels - MBcoder
- Sring Boot Actuators - Endpoints
- HTTP Statuses | Spring Docs
- Problem Details for HTTP APIs
- Validation snippet resource
- current list of exceptions in V8
- current list of exceptions in V11
Daily Project - java-school
Learning objectives:
- implement paging and sorting to display chunks of large dataset.
- document a REST service using Swagger
Topic | Lecture | GP - pages-swagger |
---|---|---|
Paging and Sorting with Swagger | 🎥 | ⚙️ |
Q&A with John Mitchell | code - products |
---|---|
🎥09-17-19 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Node - Web Auth1 | ⚙️ |
Helpful Resource Links
- Java Bean Validation Basics | Baeldung
- Generate printable version of swagger documentation
- Difference between FetchType LAZY and EAGER in Java Persistence API?
- A beginner's guide to Hibernate fetching strategies - Vlad Mihalcea
- React Auth with Java Backend with Jonathan Heinz
Daily Project - java-schoolpagesswagger
Learning objectives:
- follow the TDD model using JUnit, RestAssured, mocks and stubs.
- explain what automated testing is and why it is important.
- use JUnit to write, run, and interpret the output of unit tests.
Topic | Lecture | GP - Java Restaurants |
---|---|---|
TDD | 🎥 | ⚙️ |
Q&A with John Mitchell | code - products |
---|---|
🎥09-18-19 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Web Auth2 Cookies and CORS | ⚙️ |
Helpful Resource Links
Daily Project - java-schooltest
Learning objectives:
- connect a Spring Back End Application to a JavaScript based front end application
- connect a Spring Back End application to a Java based front end application
- locally deploy a full RESTful Web Services application with a JAR and WAR using PostgreSQL, Maven, Spring including Spring Boot, and Tomcat
- deploy to a cloud service a full RESTful Web Services application with a JAR using PostgreSQL, Maven, Spring including Spring Boot, and Tomcat
- use CURL to perform CRUD operations using a Spring Application
Topic | Lecture | GP - Starthere |
---|---|---|
Java Deployment and Best Practices | 🎥 | ⚙️ |
After Party w Henry Blevins | Code |
---|---|
Web Auth 3 - JSON Web Tokens | ⚙️ |
Helpful Resource Links
Daily Project - java-schooldeploy
click to open
- Build Week Culture Document
- Schedule and Daily Milestones
- One Line A Day Product Canvas
- Role Descriptions
- Build Week Rubric
- Build Week: Product List Airtable
Career Development Assignment
Career Development | recording | slides |
---|---|---|
Job search and endorsement in labs | 🎥 | 📊 |
Career Development Helpful Resource Links
After Party w Henry Blevins | Code |
---|---|
Backend Build Week 2 | ⚙️ |
Backend Rtesting |
- Q&A with John Mitchell - 09-23-19
- java-to-node Pt. 1 | Will Umstead
- java-to-node Pt. 2 | Will Umstead
Helpful Resource Links
click to open
Training Kit Weekly Sprint Overview: Build a Web API
Career Development | Recording | Slides |
---|---|---|
behavioral interview questions with Kathleen Hunt | 🎥 | [📊][n1cs] |
Career Development Helpul Resource Links
Lecture content:
- introduce node.js and Express.
- what is node.js, what can it do? what can’t it do?
- what is Express? why use it?
- relationship between Express and node.js.
- see a high level overview of the main features of Express.
- learn how to manually test our Web API using a tool called Postman.services.
- create our first CRUD Web API.
Learning objectives:
- Student should be able to explain what Node.js is and its core features.
- Student should be able to explain what Express is and its core features.
- Student should be able to create an API that can respond to GET requests.
- Student should be able to use postman to manually test Web APIs.
Topic | Lecture | Guided Project | Daily Project |
---|---|---|---|
Intro to Node.js | 🎥 | ⚙️ | Node API 1 Project |
Intro to Node.js w/ Jason Maurer | 🎥 | ⚙️ | node-api1-project |
Helpful Resource Links
- the New Hard Parts: Asynchronous ES6+ JS Features
- What is REST - Lear to create timeless REST APIs
- Paw – Testing API tool for Mac
Lecture content:
- use the routing feature of express to build several endpoints.
- cover different ways to pass data to a Web API.
- introduce REST as a way to guide the architecture of our web
- using Express Routers to organize our code.
Learning objectives:
- explain how routing works in an express application.
- read data from the query string, request body and route parameters.
- explain the basics of the REST architectural style.
- use Express Routers to organize Web API code.
Topic | Lecture | Guided Project | Daily Project |
---|---|---|---|
Server Side Routing | [🎥][ssrl] | ⚙️ | Web API II - Node Express Lab |
Server Side Routing w/ Jason Maurer | [🎥][ssrlj] | [⚙️][ssrcj] | node-api2-project |
Helpful Resource Links
Lecture content:
- the what, why and how of Middleware.
- different types of Express Middleware.
- how to create Custom Middleware.
- error handling middleware.
Learning objectives:
- explain what middleware is and the different types.
- write custom middleware.
- write error handling middleware
Topic | Lecture | Guided Project | Daily Project |
---|---|---|---|
Middleware w/ Mack Weber | 🎥 | ⚙️ | Web API III - Node Blog |
Middleware w/ Jason Maurer | 🎥 | ⚙️ | node-api3-project |
Helpful Resource Links
Lecture content:
- extract configuration values into environment variables.
- deploy an API to Heroku.
Learning objectives:
- extract configuration into environment variables
- deploy a web-api to Heroku
Topic | Lecture | Guided Project |
---|---|---|
deploying to heroku | 🎥 | ⚙️ |
Helpful Resource Links
Daily Project - Web API IV - Module Challenge
click to open
Training Kit Weekly Sprint Overview: Adding Data Persistence
Career Development | Recording | Slides |
---|---|---|
🎥 | [📊][n1cs] |
Career Development Helpul Resource Links
Lecture content:
- Introduction to Relational Databases
- The basics of Structured Query Language (SQL)
- Select, Insert, Update, and Delete queries in SQL
- Setup for Knex.js
- Select, Insert, Update, and Delete queries using Knex
Learning objectives:
- explain what a Relational Database is and its core components
- explain what SQL is and its advantages
- query, insert, and modify data in SQL
- write database queries using knex.js
Topic | Lecture | Guided Project | Daily Project |
---|---|---|---|
Relational Databases | 🎥 | ⚙️ | webdb-1-challenge |
Intro Relational DBs w Jason Maurer | 🎥 | ⚙️ | [][] |
Helpful Resource Links
- SQLite Datatypes
- SQLite Browser
- Overview of SQL
- Knex documentation
- Knex Cheatsheet | devhints.io
- SQLite vs PostgreSQL - Which database to use and why?
- YDKJS - Async & Performance
Lecture content:
- Database Management Systems (DBMS)
- SQLite studio
- Primary keys
- Data Types and Column Constraints
- Knex CLI
- Migrations
- Seeds
Learning objectives:
- use SQLite Studio on an existing database
- explain what is a database schema
- create and use knex migrations
- create and use knex seeds
Topic | Lecture | Guided Project | Daily Project |
---|---|---|---|
Schema Design | 🎥 | ⚙️ | webdb-ii-challenge |
Helpful Resource Links
- Knex Docs
- SQL Try It | W3Schools
- SQL Tutorial | W3Resource
- Install SQLite Studio
- Merging Vs. Rebasing Tutorial
Lecture content:
- Foreign keys
- SQL joins
- Aggregate functions
- Knex joins
- Database access functions
Learning objectives:
- explain the role of a foreign key
- query data from multiple tables
- write database access methods
Topic | Lecture | Guided Project | Daily Project |
---|---|---|---|
Joins | 🎥 | ⚙️ | node-db3-challenge |
Multi Table Queries w Jason Maurer | 🎥 | [⚙️][dbmtqc] | [node-db3-project][dbjdpj] |
[dbmtqc]:
Helpful Resource Links
- SQL Joins | W3Resource
- A Visual Explanation od SQL Joins
- SQL simple interactive exercises | SQLBolt
- SQL Server ROUND() Function
Lecture content:
- Normalizing the model.
- One to many relationships.
- Many to many relationships.
- One to one relationships.
- Creating multi table schemas in knex
Learning objectives:
- explain data normalization
- explain different table relationships
- create table relationships using knex
Topic | Lecture | Guided Project | Daily Project |
---|---|---|---|
Joins w Luis | 🎥 | ⚙️ | node-db4-challenge |
Data Modeling w Jason Maurer | 🎥 | ⚙️ | node-db4-challenge |
Helpful Resource Links
click to open
Training Kit Weekly Sprint Overview: Adding Data Persistence
Career Development | Recording | Slides |
---|---|---|
🎥 | [📊][n1cs] |
Career Development Helpul Resource Links
Learning objectives:
- explain what is authentication and provide guidelines for password security.
- hash passwords before saving them to the database.
- verify passwords using bcrypt
- Write middleware to verify credentials using bcrypt.js
Topic | Lecture | Guided Project |
---|---|---|
Intro to Auth | 🎥 | ⚙️ |
Intro to Auth with Jason Maurer | 🎥 | ⚙️ |
Helpful Resource Links
Daily Project - webauth-i-challenge
Learning objectives:
- use in-memory sessions to persist authentication information across requests
- implement logout using a sessions based API
- restrict access to resources, allowing access only for authenticated users
Topic | Lecture | Guided Project | Slides |
---|---|---|---|
Sessions & Cookies | 🎥 | ⚙️ | |
Using JWT w/Jason Maurer | 🎥 | ⚙️ | 📖 |
Helpful Resource Links
Daily Project - webauth-i-challenge (project assignment builds on Monday's repo)
Learning objectives:
- explain the three different parts of a JSON web token
- produce and send a JSON Web Token (JWT)
Topic | Lecture | Guided Project | Slides |
---|---|---|---|
JWT | 🎥 | ⚙️ | |
Web Unit Testing w Jason Maurer | 🎥 | ⚙️ | 📖 |
Helpful Resource Links
- jwt debugger
- Anatomy of a JSON Web Token | Scotch.io
- JWT implementation | npm
- JWT vs cookies | StackOverflow
Daily Project - webauth-iii-challenge
Learning objectives:
- Test Web API Endpoints
- Test Data Access Code
Topic | Pre-Lecture basics | Lecture | Guided Project |
---|---|---|---|
Testing BE | 🎥 | 🎥 | ⚙️ |
Helpful Resource Links
- Jest tesing docs
- Moving Existing API From REST To GraphQL | YT
- The Ultimate Guide to handling JWTs on frontend clients (GraphQL)
Daily Project - node-server-testing-challenge
click to open
Build Week Document Links
- Build Week Culture Document
- Schedule and Daily Milestones
- Post Here Product Canvas
- Role Descriptions
- Build Week Rubric
- Build Week: Product List Airtable
Helpful Resource Links
- Postgres and Heroku for WEB18 w/ Luis Hernandez
- Build Week - Backend - Testing | Henry Blevins
- extended zoom calls | Go Brief
Build Week Demo Recording
click to open
Student Information:
Labs 18 Information:
- Labs 18 Lession Review
- Labs 18 Project Selection
- Labs 18 Google Calendar
- Labs Career and Professional Development
Presentations | Recording | Slides |
---|---|---|
Kickoff w Bernie | 🎥 | 📊 |
Labs Logistics w Bernie | 🎥 | 📊 |
Stakeholder Communication (TLs?) w Jessica | 🎥 | NA |
Measuring Success w Holdy | 🎥 | 📊 |
Intro to Product Teams w Alex | 🎥 | NA |
Presentations | Recording | Slides |
---|---|---|
Teamwork and Collaboration w Bernie | 🎥 | 📊 |
Intro to Product Cycle w Alex | 🎥 | 📊 |
PVD Guided Project w Alex | 🎥 | 📊 |
Guided Project Assignment: PVD Research Customer Interviewing Assignment
Guided Project Submission Form: Customer Interview Submission Form
Prototyping tools
- Figma
- Adobe XD
- Invision
- InVision Studio
- Principle
- Framer.js
- Zeplin
- Marvel
Helpful Links:
- User flow builder | Userflow
- Forms and Surveys | Typeform
- customerdevlabs.com
- User Testing Feedback | Useberry
Labs group chosen: Startup Grant Database
- Web(no current UX or DS), Lambda Co-op(with stakeholder), Build-On(previous UX)
- Save entrepreneurs and their mentors time in finding cash grants.
- Startup Grant Database Notion PVD
- Startup Grant Database Video Pitch
- Stakeholder partner fund site
- project existing trello board
- PVD Meeting Adgenda
- Kicking Off a Co-Op Project in Lambda Labs
- Stakeholder first meeting recording
- Grant list Airtable
Startup Grant DB inspo sites:
- niche.com - filtering example
- Zillow - filtering example
- Reddit - Moderator role example
- Airtable - table view example
Helpful Links:
Halloween half day!
Presentation | Recording | Slides |
---|---|---|
Usability w David Monson | 🎥 | 📊 |
click to open
Presentation | Recording | Guided release canvas |
---|---|---|
Release Canvas w Alex Parker | 🎥 | 📊 |
Helpful Links
- Experience Management, limit 10 uses? | Qualtrics
- Survey Software | Survey Monkey
- Survey Software | Google Forms
removing node_modules to save space: find -name node_modules -type d -prune -rm -rf {} \;
Presentation | Recording | Slides |
---|---|---|
Collaborating with Git w Bernie Durfee | 🎥 | NA |
Refresh (Health, Wellness, burnout) w Elizabeth Lin | 🎥 | 📊 |
Design Basics w David Monson | 🎥 | NA |
Helpful Links
- Image processing Pachyderm Beginner Tutorial
- Automated Kubernetes ML workflow Deployment | Kubeflow
- Deep Learning Color Generator | Eva Design
- Flowcharts, wireframes | Whimsical
- color theory | colors.co
- color pallete | coolers
- color scheme | ColorSpace
- color combos | Paletton
- gradients | CSS Gradient
- for fun | Hellvetica
- for fun | foundtype
- Labs UX Design Notion
- Preping for your first Lambda Therapy Session
Presentation | Recording | Blog Post |
---|---|---|
Project Management w Bernie Durfee | 🎥 | NA |
Brown Bag with Namrata Ganatra CTO | 🎥 | 📰 |
Presentation | Recording |
---|---|
Peer Reviews with Bernie Durfee | 🎥 |
Helpful links
- Gatsby as a Create React App Replacement | Khaled Garbaya 2019
- Beyond Static: Building Dynamic Webapps with Gatsby | Dustin Schau 2019
- How to Use Material Data Tables on the Web
Presentation | Recording | Slides |
---|---|---|
Pairing with Bernie Durfee | 🎥 | NA |
DS - Data Mining 101 w Jon-Cody Sokoll | 🎥 | 📊 |
click to open
Helpful Links
- material-ui table and drawer demo
- Ben's quick guide to connect Heroku and PGadmin4
- Mario's yarn command Node cheatsheet
- Knex Cheatsheet | Devhints
Helpful Links
- Free Auth0 Tutorial - Secure Your ReactJs Applications With Auth0
- Auth0 React SDK Quickstarts: Login
- Adding Groups, Roles and Permissions to your Auth0 users, for free!
brownbag links
- Brownbag with Samanth Egge
- JX Install PostgreSQL on Win10 with John Mitchell
- JX Install PostgreSQL on Mac with John Mitchell
Career Development Presentation | Recording | Slides | Interview Prep Guide |
---|---|---|---|
Interviewing with Nilza Santana-Castillo | 🎥 | 📊 | 🗺 |
Presentation | Recording |
---|---|
User Stories with Bernie Durfee | 🎥 |
Helpful Links
Helpful Links
Helpful Links
click to open
Labs Forms and Attendance Policy TL Training Week LS1912 PT TL Handbook TL Training GCal WEBPT14 GCal WEBPT14 Culture Doc New Student Orientation TK
TL Training | Video | Assignment | Extra Resource |
---|---|---|---|
How to Build a Great Team | 🎥 | 3-5 take-aways | 📁 |
Building a Psychologically Safe Workplace | 🎥 | 3-5 take-aways | NA |
Day 1 Training Lecture | 🎥 | NA | NA |
Day 1 EoD Stand Up | 🎥 | NA | NA |
Brown Bag with Alumni Cass and Cam
Helpful Links
Labs Presentation | Recording |
---|---|
Product Quality Assurance w Bernie Durfee | 🎥 |
Brownbag | Recording | Code |
---|---|---|
Cypress Front End Testing w Isaiah Francois | 🎥 | 🐙 |
TL Training | Video | Assignment | Extra Resource |
---|---|---|---|
Day 2 Training Lecture | 🎥 | Case Studies | Student Guide |
TL Helpful Links
TL Selected Articles
- Why We All Need a Mentor, or Two
- Good Leaders are Great Storytellers - 6 tips
- The Secrets to Designing a Curiosity-Driven Career
- We Studied 100 Mentor-Mentee Matches — Here’s What Makes Mentorship Work
- The Essential Questions That Have Powered This Top Silicon Valley Manager’s Career
- From Checking Your Ego to Making Meetings Less Scary for Introverts: 99U’s 10 Best Ideas for Leaders
- Clean Up Corrosive Interpersonal Dynamics on Your Team with This System
- Ten Human Skills for the Future of Work
- Why Self-Observation Is the Skill of the Future
- Abraham Lincoln's Brilliant Method for Handling Setbacks
- Reddit and Facebook Veteran On How to Troubleshoot Troublemakers
- Unlocking the Power of Stable Teams with Twitter’s SVP of Engineering
- 7 Important Habits of Leaders Who Know How to Listen
- 7 Ways to De-escalate Your Office Tension
- 9 Lessons for the First-Time Manager
- Our 6 Must Reads for Cutting Through Conflict and Tough Conversations
- Simon Sinek: Why Leaders Eat Last
- The 6 Decision-Making Frameworks That Help Startup Leaders Tackle Tough Calls
- Diagnosing (And Curing) Your Communication Issues
- cypher13: Friendly Collaboration
- Taking A Team’s Temperature
- How Creatives Handle Tough Transitions and Moments of Uncertainty
- The 4 Different Types of Workplace Learning Styles
- Weighing the Risk: Be Open to the Outcome, Not Attached to It
TL Training | Recording | Extra Resources |
---|---|---|
Day 3 Training Lecture | 🎥 | NA |
Day 3 Q&A with TLs | 🎥 | Power of Introverts |
TL Helpful Links for Students
- VS Code Can Do That?
- VS Code Top-Ten Pro Tips
- That Weird JS Playlist
- Git It? How to use Git and Github
Career Development | Recording | Goal Tracker | SMART Goals | Feedback Guide | Conflict Scenarios |
---|---|---|---|---|---|
Success on the Job | 🎥 | 📁 | 📁 | 📁 | 📁 |
Brown Bag - DS Derek Mracek, Automated Essay Scoring
Helpful Links
- awslabs/git-secrets: Prevents committing secrets and credentials
- Configuration and Config Vars | Heroku Dev Center
TL Training | Recording | Extra Resource |
---|---|---|
Day 4 Training Lecture | 🎥 | 📁 |
TL Helpful Links
click to open
Helpful Links
Helpful Links
- Unit Testing React HOC, connected, components
- How to mock Auth0 spa hooks to test your React components
Career Development | Recording |
---|---|
Professional Branding | 🎥 |
Helpful Links
Helpful Links
WEBPT14 Helpful Links
Helpful Links
click to open
Helpful Links
Helpful Links
Career Development | Recording |
---|---|
Resumes 2.0 | 🎥 |
Career Dev Links
Helpful Links
WEBPT14 Helpful Links
DS Links
- DS Lambda Lecture - ML on the Edge
- Real-time Human Pose Estimation in the Browser with TensorFlow.js
- Live demo of PoseNet JS
DS Mobile/Native Links
click to open
Helpful Links
Helpful Links - TL Responsive Design 1
Career Development | Recording | Portfolio rubric | GitHub rubric | App Store rubric | Blog rubric |
---|---|---|---|---|---|
Portfolio & Artifacts | 🎥 | 🎯 | 🎯 | 🎯 | 🎯 |
Portfolio getting started Links:
- Build a portfolio website
- Web design resources
- Submit an app the the App Store
- Publish an app in the Google Play Store
- Medium’s curation guidelines (best practices for writing)
Helpful Links
Helpful links - TL Responsive Design 2
- Is the default font-size of every browser 16px? Why? | Stack Overflow
- Understanding CSS Before and After Pseudo-elements
Helpful Links - image compression
click to open
Training Kit Weekly Sprint Overview: Intro to Python and OOP
Learning objectives:
- create a simple Python program that utilizes the basic types and data structures, uses correct syntax throughout, and employs conditionals and loops
- compare and contrast the characteristics of Lists, Tuples, Sets, and Dictionaries in Python
- write Python code that shows the ability to perform operations on each Lists, Dictionaries, Tuples, and Sets
Topic | Lecture |
---|---|
Intro to Python 1 CS24 w Brady Fukumoto | 🎥 |
Intro to Python 1 CS25 w Brady Fukumoto | 🎥 |
Intro to Python 1 CS26 w Brady Fukumoto | 🎥 |
Helpful Resource Links
- Lambda CS Wiki
- JS/Python Cheatsheet
- Python videos | Corey Schafer YouTube
- Installing-Python-3-and-pipenv(windows)
- Visual Studio Code (Windows) - Setting up a Python Development Environment and Complete Overview
- Visual Studio Code (Mac) - Setting up a Python Development Environment and Complete Overview
- Typecasting in Python | Python type Conversion with Example
- Code debugger/stepper | Python Tutor
- Python String Formatting Best Practices – Real Python
- Old Style Formatting | Python Docs
- Python args and kwargs: Demystified – Real Python
Learning objectives:
- name and describe the details of each step of Lambda’s Problem Solving Framework
- examine and interpret project requirements and create an action plan based on those requirements
- create a Python program, demonstrate its successful performance, and explain the process used to create the program
Topic | Lecture |
---|---|
Intro to Python 2 CS25 w Brady Fukumoto | 🎥 |
Intro to Python 2 CS26 w Brady Fukumoto | 🎥 |
Helpful Resources Links
- How to Solve It | Polya Wikipedia
- os module | Python Docs
- Python Tutorial: Formatted Output
- basic old/new string formatting
- f strings in Python
- slices in Python | Stack Overflow
- List Comprehensions | Python Docs
- Dictionaries | Python Docs
- args and kwargs in Python | GeeksforGeeks
- args and kwargs in Python | Real Python
- Python global, local, and nonlocal variables
- Reading and writing files | Python Docs
- Calendar | Python Docs
- algo visualizer project by Lambda Michael Chrupcala
Learning objectives:
- understand and apply the concepts of object-oriented design using Python
Topic | Lecture |
---|---|
Intro to Python 3 CS25 w Brady Fukumoto | 🎥 |
Intro to Python 3 CS26 w Brady Fukumoto | 🎥 |
Helpful Resources Links:
- 4 Basic Princicples of OOP | Medium
- Difference between str and repr?
- Understanding the asterisk(*) of Python | Medium
Learning objectives:
- demonstrate an understanding of inheritance through appropriate method overriding and use of super()
- demonstrate an understanding of association through appropriate class design
Topic | Lecture |
---|---|
Intro to Python 4 CS25 w Brady Fukumoto | 🎥 |
Intro to Python 4 CS26 w Brady Fukumoto | 🎥 |
Helpful Resources Links:
click to open
Training Kit Weekly Sprint Overview: Algorithms
~~ MLK HOLIDAY - Watch a recording ~~
Topic | Lecture |
---|---|
CSPT4 w/ Artem Litchmanov | 🎥 |
Iterative Sorting CS26 w Brian Doyle | 🎥 |
Helpful Resources Links:
- Counting Sort | GeeksforGeeks
- VisuAlgo - Sorting (Bubble, Selection, Insertion, Merge, Quick, Counting, Radix)
- Bubble Sort - Timo Bingmann | YT
- Big O cheatsheet
- Why is constant dropped from big O analysis? | SO
Topic | Lecture |
---|---|
Recursive Sorting and Iterative QA CS25 w Brady Fukumoto | 🎥 |
Recursive Sorting CS26 w Brian Doyle | 🎥 |
Helpful Resources Links:
- understanding log - Triangle of Power
- Algebra 2 - Logarithms | Khan Academy
- Why My Teenage Code Was Terrible: Sorting Algorithms and Big O Notation
Topic | Lecture | Daily Project |
---|---|---|
Algorithms CS25 w Brady Fukumoto | 🎥 | 📖 |
First Pass Solution CS26 w Brian Doyle | 🎥 |
Helpful Resources Links:
- Asking Good Questions
- Brown Bag w Patrick Masson- Open Source Initiative
- Python Tutorial: Memoization and Decorators
- Is recursion worse than iteration? | Stack Overflow
Topic | Lecture |
---|---|
Algos 2 CS25 w Brady Fukumoto | 🎥 |
Writing Better Solutions CS26 w Brian Doyle | 🎥 |
Helpful Resources Links:
Preclass videos: • Improving on a First Pass Solution • "Only Once" Array Problem - First-Pass Solution! • "Only Once" Array Problem - Improved Solution
click to open
Training Kit Sprint Overview: Data Structures
Topic | Lecture |
---|---|
Linked Lists CS25 w Brian | 🎥 |
Linked Lists CS26 w Brian | 🎥 |
Henry Blevins After party | Recording | Code |
---|---|---|
React Router XKCD Recitation | 🎥 | 🐙 |
Helpful Resources Links:
- Lambda Video on Queues
- Lambda Video on Linked Lists
- Lambda Video on LRU Cache
- Lambda Problem Solving Framework
- Data Structure Visualizations
Topic | Lecture |
---|---|
Queues and Stacks CS25 w Brian Doyle | 🎥 |
Queues and Stacks CS26 w Brian Doyle | 🎥 |
Topic | Lecture |
---|---|
Binary Search Trees CS25 w Brian Doyle | 🎥 |
Binary Search Trees CS26 w Brian Doyle | 🎥 |
Helpful Resources Links:
Topic | Lecture |
---|---|
Tree Traversal CS25 w Brian Doyle | 🎥 |
Tree Traversal CS26 w Brian Doyle | 🎥 |
click to open
BW Kickoff w Brian Lambda BW1 Repo Build an RPG Game w React+Redux Pt.1 Build an RPG Game w React+Redux Pt.2 react-vis | composable charting library Lessons on React, Keyboard Input, Forms, Event Listeners and Debugging CSS Blurred video BG Login screen| codepen Project: Digital Wasteland Project: Space Beez Henry Blevins - React Props and Destructuring generate text, graphics and more | tracery.io Space Bees example project repo Space Bees live site Python Quest example project repo Python Quest live site Thunderball Run project example repo Thunderball Run live site Washout Dungeon example project repo Washout Dungeon live site
click to open
Training Kit Sprint Overview: Hash Tables and Blockchain
Topic | Lecture |
---|---|
Arrays CS26 w Brian Doyle | 🎥 |
Arrays CS27 w Brady Fukumoto | 🎥 |
Helpful Resources Links:
Topic | Lecture |
---|---|
Hash Tables CS26 w Brian Doyle | 🎥 |
Hash Tables CS27 w Brady Fukumoto | 🎥 |
Helpful Resources Links:
- Lambda Video - Hash Tables Precourse
- Lambda Video - Hash Table Collisions and Resizing
- SHA256 online generator
Topic | Lecture |
---|---|
Blockchain 1 CS26 w Brian Doyle | 🎥 |
Blockchain 1 CS27 w Brady Fukumoto | 🎥 |
Helpful Resources Links:
- Lambda Video - Blockchain 1: Overview and Structure
- Lambda Video - Blockchain 2: Proof of Work
- Python Flask Tutorial: Full-Featured Web App Part 1 - Getting Started
- OrderedDict in Python | GeeksforGeeks
WEBPT14
Class to Hooks demo(function version) Class to Hooks demo(class version) Class to Hooks tutorial | Alligator.io
Topic | Lecture |
---|---|
Blockchain 2 CS26 w Brian Doyle | 🎥 |
Blockchain 2 CS27 w Brady Fukumoto | 🎥 |
Helpful Resources Links:
click to open
Training Kit Sprint Overview: Graphs
Topic | Lecture |
---|---|
Graphs 1 CS26 w Brady Fukumoto | 🎥 |
Graphs 1 CS27 w Brian Doyle | 🎥 |
Helpful Resources Links:
- Intro to Graphs | Lambda School
- Graphs - Breadth FS | Lambda School
- Graphs - Depth FS | Lambda School
- Steve Yegge: Get that job at Google
- Python gotchas
- article on BFT and DFT with stacks and queues
Topic | Lecture |
---|---|
Graphs 2 CS26 w Brady Fukumoto | 🎥 |
Graphs 2 CS27 w Brian Doyle | 🎥 |
Helpful Resources Links:
- List of dictionary words in txt
- After Hours w Dennis Orbison Ancestor project pt.1
- After Hours w Dennis Orbison Ancestor project pt.2
- Typescript Demo w Patrick Baldwin
Topic | Lecture |
---|---|
Graphs 3 CS26 w Brady Fukumoto | 🎥 |
Graphs 3 CS27 w Brian Doyle | 🎥 |
Helpful Resource Links:
- Lambda Video: Graphs Connected Components
- Base CS Video: Graph Theory
- Base CS Podcast: Oily Graphs in Konisberg
- Base CS Podcast: Let’s get graphic
- Base CS Article- Introduction to Graph Theory
- Base CS Podcast- Seven Bridges and a triangle
- Base CS Article: Seven Bridges, One Giant Graph Problem
- Base CS Article: From Theory to Practice Representing Graphs
Topic | Lecture |
---|---|
Graphs 4 CS26 w Brady Fukumoto | 🎥 |
Graphs 4 CS27 w Brian Doyle | 🎥 |
Helpful Resource Links:
WEBPT14:
click to open
Training Kit Sprint Overview: Computer Architecture
Topic | Lecture |
---|---|
Basics and Number Bases CS26 w Brady Fukumoto | 🎥 |
Basics and Number Bases CS26 w Beej Jorgensen | 🎥 |
Helpful Resource Links:
Topic | Lecture |
---|---|
Bitwise Operations CS26 w Brady Fukumoto | 🎥 |
Bitwise Operations CS27 w Beej Jorgensen | 🎥 |
Topic | Lecture |
---|---|
The System Stack CS26 w Brady Fukumoto | 🎥 |
The System Stack CS27 w Beej Jorgensen | 🎥 |
Optional Build Week Kickoff AMA w Brady Fukumoto
Topic | Lecture |
---|---|
Subroutines CS26 w Brady Fukumoto | 🎥 |
Subroutines CS26 w Beej Jorgensen | 🎥 |
click to open
Training Kit Sprint Overview: Technical Interview Prep [Personal Daily Adgenda | Notion]:https://www.notion.so/Kristin-Barr-174aaf2a472d49c4a1104dd19f8392dd#a9d57dd114d94027a79c19e260c73d8a
Daily Warm Up Topic |
---|
Mock Interview - Leetcode - Jess Martin & Parth Shah |
Topic | Lecture | Slides |
---|---|---|
Growth Mindset w Beej Jorgensen | 🎥 | 🖼 |
Interview Prep CS27 w Sean Chen | 🎥 | 🖼 |
Leet Code Problems |
---|
Contains Duplicates |
Add Two Numbers in Linked Lists |
Helpful Resource Links:
Daily Warm Up Topic |
---|
Whiteboard Interview Practice w/ @john |
Topic | Lecture | Technical Interview Prep Guide | Slides |
---|---|---|---|
Interview Prep 2 CS27 w Sean, Beej | 🎥 | 🖼 | |
How to Frame Projects for Iterviews w Kathleen Hunt | 🎥 | 📃 | [🖼][csip2s2] |
Leet Code problems |
---|
Two Sum |
Merge Two Sorted Linked List |
Implement a Queue with Stacks |
Daily Warm Up Topic |
---|
Whiteboarding w/ Ryan |
Topic | Lecture | Hacker Rank Guided Project |
---|---|---|
Interview Prep 3 w Jordan Isbell and Sean Chen | 🎥 | Trees: Is This a Binary Search Tree? |
Daily Warm Up Topic | Recording |
---|---|
Whiteboarding w/ Ryan | 🎥 |
Topic | Lecture | Leet Code Guided Project |
---|---|---|
Interview Prep 4 w Beej, Sean & Lindsey Gilson | 🎥 | Wildcard Matching |
Leet Code Problem |
---|
Letter Combinations of a Phone Number |
Word Break |
Remove Nth Node From End of List |
Subarray Sum Equals K |
Helpful Resource Links:
click to open
Topic | Recording | Slides |
---|---|---|
Endorsement Kickoff w Katie Spencer | 🎥 | 🖼 |
Endorsement Whiteboarding Algorithms Practice | Link |
---|---|
How to Think About Problems | 🎥 |
Thinking About Problems Exercises | 👾 |
Mock Interviews - Pramp | 👾 |
Evaluating Efficiency | Link |
---|---|
How to Evaluate Efficiency - Big O | 🎥 |
Article on Big O - Interview Cake | 📖 |
TK Video on Runtime Complexity | 🎥 |
Searching and Sorting | Link |
---|---|
Pre-class Video on Linear and Binary Search | 🎥 |
Interview Prep Search Challenges - Hacker Rank | 👾 |
Interview Prep Sorting Challenges - Hacker Rank | 👾 |
Recursion | Link |
---|---|
Leet Code overview of Recursion pt.1 | 📖 |
Leet Code overview of Recursion pt.2 | 📖 |
TK Video on Recursion | 🎥 |
Recursion Backtracking Challenges - Hacker Rank | 👾 |
Stacks and Queues | Links |
---|---|
Overview of Stacks and Queues - Leet Code | 📖 |
Video on Stacks and Queues - Hacker Rank | 🎥 |
TK Video on Stacks and Queues | 🎥 |
Stacks and Queues Challenges - Hacker Rank | 👾 |
Hash Tables | Link |
---|---|
Walk Through of Hash Tables - Interview Cake | 📖 |
Overview of Hash Tables - Leet Code | 📖 |
TK Video on Hash Tables | 🎥 |
HackerRank video on hash tables | 🎥 |
Hacker Rank Dict & Hashmap Challenges | 👾 |
Linked Lists | Link |
---|---|
Interview Cake Walkthrough of Python Linked Lists | 📖 |
Leet Code Overview of Linked Lists | 📖 |
Hacker Rank Video on Linked Lists | 🎥 |
TK Video on Linked Lists | 🎥 |
Hacker Rank Linked List Challenges | 📖 |
Trees | Link |
---|---|
Hacker Rank Video on Trees | 🎥 |
TK Video on Binary Search Trees | 🎥 |
Leet Code Overview of Binary Trees | 🎥 |
Leet Code Overview of Binary Search Trees | 🎥 |
Hacker Rank Tree Challenges | 🎥 |
Helpful Resource Links:
- Student Endorsement Calendar
- Lambda School Student Guide
- Endorsement Student Handbook
- Professional Endorsement Handbook
- Tech Endorsement Info
After Party w Henry Blevins | Recording | Code |
---|---|---|
React Lesson - Modal with Portals | 🎥 | 🐙 |
Lambda Brown Bag | Recording |
---|---|
Ben Schinn - How to Get Involved in Open Source Development | 🎥 |
Data Science Careers Presentation | Slides |
---|---|
Lambda DS Careers Handbook | 🖼 |
Helpful Resource Links:
- Problem Solving Workflow w Sean Chen
- Google Tech Dev Guide
- Runtime Analysis slides from Parth Shah at Lambda
Helpful Resource Links:
Careers Guidelines | Link |
---|---|
Github Rubric | 🗒 |
Helpful Resource Links:
Helpful Resource Links:
click to open
Topic | Recording | Slides |
---|---|---|
Resumes w Katie Spencer | 🎥 | 🖼 |
Technical Coaching | Recording |
---|---|
Lists and Arrays with Parth Shah | 🎥 |
LeetCode - Merge Two Sorted | 👾 |
LeetCode - Sort Transformed Array | 👾 |
LeetCode - Peak Index in a Mountain Array | 👾 |
LeetCode - Rotate Array | 👾 |
After Party w Henry Blevins | Recording | Code |
---|---|---|
React Lesson - HoCs, Render Props, Hooks, Context | 🎥 | 🐙 |
Helpful Resource Links:
Topic | Recording | Backup Recording |
---|---|---|
Portfolios with Jordan Isbell | 🎥 | 🎥 |
Helpful Resource Links:
- Namecheap discount from Lambda
- A Cynic’s Guide to Writing a Twitter Bio
- 31 Funny Twitter Bios & How to Write Your Own
Topic | Recording |
---|---|
LinkedIn/Github with Katie Spencer | 🎥 |
Helpful Resource Links:
click to open
Technical Coaching | Recording | Backup Recording | Doc Notes |
---|---|---|---|
Systems Design Twitter w Path Shah | 🎥 | 🎥 | 🗒 |
pass: 4k*3Y+y3
Build week Links:
- ptct bw project groups airtable
- PT Project Lead Resources
- PT BW Trello template
- BW Project Rubrics
- BW PT Student Manual
Technical Coaching | Recording | LeetCode |
---|---|---|
Telephone words w Sean Chen | 🎥 | 👾 |
Web Core Videos | Recording/Resource | Other link |
---|---|---|
Responsive Design Concepts | [Responsive Design w Dan][https://youtu.be/9juwcnycf6w] | Fixed, Fluid, Adaptive, Responsive |
Accessibility | [TK-Responsive Design/A11y][https://youtu.be/hplesmhuvr8] | [][] |
JS Fundamentals | HoF and CB Functions | Medium |
State Management | [][] | [][] |
Client-side Authentication | Client Side Auth w Ashwin Sundararajan | TK - Client Side Auth |
Client-side Routing | [][] | [][] |
Asynchronous Patterns | [][] | [][] |
Form Management | [][] | [][] |
Working with APIs in React | [][] | [][] |
Node Express Router | Node, Backend Architecture, Testing | [][] |
Server-side Authentication | [][] | [][] |
click to open
Technical Coaching | Recording | LeetCode | Extra Notes |
---|---|---|---|
Given arr & num x, check for pair in arr w sum as x - Kapil | 🎥 | [][] | |
Given arr & num x, check for 3 nums in A w sum as x - Kapil | 🎥 | [][] | |
Reverse LL Kapil | 🎥 | [][] | |
Trees, Their Theories and Uses w Kapil | 🎥 | [][] | |
Trees 2 w Kapil | 🎥 | [][] | |
Trees 3 w Kapil | 🎥 | [][] | |
String has Unique Chars w Kapil | 🎥 | [][] | |
String Compression w Kapil | 🎥 | [][] | |
Min Stack w Sean Chen | 🎥 | 👾 | [][] |
Reverse a sub-list of a LL w Sean Chen | 🎥 | 🗒 | |
Serialize and deserialize a binary tree | 🎥 | [👾][] | |
Search a 2D Matrix w Sean Chen | [🎥][] | 👾 | |
Find Longest non-repeating substring w Kapil | 🎥 | ||
Wildcard Matching w Sean Chen | 🎥 | 👾 | 🗒 |
Reverse substrings between parenthesis | 🎥 | 👾 | |
Invalid Transactions | 🎥 | 👾 | |
Fibonacci Numbers Tree w Sean Chen | 🎥 | 👾 | |
List of Lists Greg Finley | 🎥 |
Careers Presentation | Recording | Slides/Notes | Challenge |
---|---|---|---|
Lambda X Kickoff | 🎥 | ||
Networking Fundamentals | 🎥 | 🗒 | 📝 |
Onboarding a new job | 🎥 | ||
Project CheatCode Kick-Off | 🎥 | ||
Resume Review w Katie Spencer | 🎥 | Lambda Resume Template | |
TL All Hands 07-20-20 | 🎥 | ||
Recently Hired Student Research | 🎥 | ||
Outreach Messages w Nilza | 🎥 | list of orgs | |
Cover Letters w Nilza | 🎥 | ||
Lambda X Endorsed Grads All Hands | [🎥][lx9egah] | 🗒 |
Helpful Resource Links:
- Kapil Sharma's Lambda X Tech Coaching Notion
- Lambda X Weekly Sprint Retro
- LocalStorage vs Cookies: All You Need To Know About Storing JWT Tokens Securely in The Front-End
- Example project of JWT refesh tokens
- How to Negotiate Your Salary, with Ramit Sethi
- An Easy Template to Ask for a LinkedIn Recommendation
- Virtual Volunteer Work to bolster portfolio and resume
- TL all-hands 8-17-2020
- Lambda interview prep meeting scheduler