OIM3600 - Computer Science for Business Students

Session 21 (11/11)

contain

Today's Agenda

  • Welcome/News/Announcements
  • Class Review
  • Lecture
    • Create and deploy a static website via GitHub Pages
    • Frontend Development
      • HTML
      • CSS
      • JavaScript

Welcome/News/Announcements

  • Following Topics:
    • FastAPI Web Application
    • OpenAI API
    • Final Project
    • CS x Business (suggestions?): automation, ...
  • Communications:
    • Slack - for debugging, clarifications, real-time discussion, casual chat, etc.
    • Email - specify course # in subject title, e.g., "OIM3600: GitHub settings"
    • Meet with me in person during office hours at least once this semester.
  • Questions?

What we have learned so far

  • Code represent: 🔠🔢🈶😂🟥🟩🟦🖼 📽 🎼
  • Programming Tools: VSCode, Git/GitHub
  • Programming Basics:
    • Variables, Expressions, Statements
    • Types: int, float, str, bool, None, list, dict, tuple, set
    • Functions, Conditional, Iterations
  • Algorithms
    • Search (linear, binary), Sorting (selection sort, bubble sort, merge sort, etc)
  • API
  • Database and SQL
  • Internet
  • Web: HTML & CSS

Last Class - Frontend Development

  • HTML
  • CSS
    • CSS properties: font-size, color, background-color, border, ...
    • CSS selectors: element name, id, class, *

Recommendations

Lecture

  • Create and deploy a static website via GitHub Pages (<your_github_id>.github.io)
  • Frontend Development (cont.)
    • form, table
    • Frameworks: Bootstrap, Tailwind CSS
    • JavaScript

- JavaScript - Create and deploy a static website via **GitHub Pages** (<your_github_id>.github.io)

--- # Improve VS Code Experience (cont.) - **Appearance** - [VS Code Themes](https://vscodethemes.com/) - [Coding Fonts](https://coding-fonts.netlify.app/), [142 Programming Fonts](https://www.programmingfonts.org/) - **Extensions**: - **Code Formatting**: Black Formatter/Ruff, isort, Prettier - **Documentation**: Markdown All in One, Better Comments, Code Spell Checker - **Utility**: Live Server, Rainbow CSV, Edit csv, SQLite Viewer, Draw.io - **Fun**: Power Mode, vscode-faker - **AI**: IntelliCode, **Copilot** --- # [GitHub Copilot](./copilot.html)