Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Courses I had planned but do not have the bandwidth to make them #19

Open
yaralahruthik opened this issue Oct 19, 2024 · 2 comments
Open
Labels
documentation Improvements or additions to documentation enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed

Comments

@yaralahruthik
Copy link
Member

Courses

Tip

I can help folks with reviewing stuff and writing style if anyone wants to work on these courses.
We could have multiple authors too.

Build in Public

Tech Stack: Any
Demonstrate building in public using an existing course as an example.

Netflix-Style Video Player

Tech Stack: React
Create a feature-rich video player component to showcase advanced skills.

Personal Website That Sells

Tech Stack: Next.js + Framer Motion / Framer (no-code)
Teach clean code and design interaction principles.

SQL for Frontend Developers

Tech Stack: Next.js/Remix + ShadCN + Supabase + Drizzle
Build a dashboard with filters to learn SQL through Drizzle.

Feature Flags

Tech Stack: Any + Various flag implementation methods
Create a settings page to toggle features, teaching this crucial development concept.

Migrate: Stackpack to Svelte

Tech Stack: SvelteKit
Adapt an existing React course to Svelte.

Integrating React into Existing Projects

Tech Stack: (VanillaJS + React) / (Any library + React)
Learn to add React to projects built with other technologies.

Layout Shifts 101

Tech Stack: Any
Explore layout shifts' impact on UX and solutions to prevent them.

SEO for Frontend Developers

Tech Stack: Next.js or Astro
Cover developer-focused SEO topics: sitemaps, robots.txt, Open Graph, etc.

Microfrontends: Docs Site and Landing Page

Tech Stack: React
Teach microfrontend architecture using docs and landing page examples.

CSS Evolution: BEM to Modules to Tailwind

Tech Stack: Any
Compare pros and cons while progressing through CSS methodologies.

In-App Design System

Tech Stack: Any
Create an efficient, private route for documenting design systems without Storybook.

@yaralahruthik yaralahruthik added documentation Improvements or additions to documentation enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers labels Oct 19, 2024
@swapnilxi
Copy link

I would love to take for personal website, I am open to collaborate with someone on this

@yaralahruthik
Copy link
Member Author

I would love to take for personal website, I am open to collaborate with someone on this

Make sure you join the discord community, we can discuss more over there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants