Welcome to my YouTube channel! 🎉 In this channel, I share exciting content related to web development. Whether you're interested in Angular, Javascript, or Productivity tips, you'll find something valuable here. YouTube Channel
I'm Sam, and I'm passionate about product engineering and web development. I create videos that will help you learn web development.
- [ Angular ]: [Learn the fundamentals. I explained everything you need to get started with this JavaScript framework written in TypeScript. It is the web development framework for building the future. works at any scale. Loved by millions. Build for everyone. open-source framework for building single-page client applications using HTML and TypeScript.]
- [ Javascript ]: [JavaScript is a powerful programming language that can add interactivity to a website. JavaScript is easy to learn. It's the foundation of frontend web development.]
- [ Career Tips ]: [self-assessment, goal setting, action planning, implementation, and refinement. By following these steps, you can develop a road map for achieving your career goals. Tips to improve your career development. Cultivating a beginner's mindset is a critical part of career growth. critical part of your professional growth.]
- [ Common Errors ]: [Mistakes to Avoid in Software Development Projects.]
- [ Development Tools ]: [Top Software Development Tools List.]
- [ Typescript ]: [TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors. TypeScript can help enhance and improve your web development projects.]
- [ Git & GitHub ]: [GitHub is where over 100 million developers shape the future of software together. Contribute to the open-source community and manage Git repositories. This practical guide gets you to jump right into using GitHub, learning the basics of Git. Git and GitHub are two of the most essential tools in the world of software development.]
- [ Video Conferencing Tool ]: [Unlock the potential of video conferencing software development. Dive into our guide for insights on key features and cost factors. If you're looking to integrate video communication into your app or planning to build a video streaming/conference app from scratch, create a fully customized audio & video conferencing app.]
- Inside library we have gallery store.
- Inside apps we have -
- Progress bar in admin app.
- In dashboard we have utilized three.js library and canvas.
- In demo app we have utilized zegocloud. https://exquisite-youtiao-816f4d.netlify.app/
- In gallery and shell app we have used library and ngrx state management.
- Official Git Repo
- console dashboard link
- Sign up here for 10,000 free minutes
- Find out more about ZEGOCLOUD
- How to build a video call app
- Get 10,000 free mins for the live streaming app
- Find out more about ZEGOCLOUD
- How to make a live streaming app
- Get ZEGOCLOUD UIKits (low code) for 10,000 free mins
- Learn more about ZEGOCLOUD video call API
- ZEGOCLOUD Voice & Video Call API
- "@ngrx/component-store": "~14.0.0",
- "@ngrx/effects": "~14.0.0",
- "@ngrx/entity": "~14.0.0",
- "@ngrx/router-store": "~14.0.0",
- "@ngrx/store": "~14.0.0",
- "@nrwl/angular": "14.6.1",
- "three": "^0.146.0",
- "zego-express-engine-webrtc": "^2.19.0",
-
ng serve demo
-
ng serve admin
-
ng s dashboard
-
ng s shell
-
Below are some plugins which you can add to your workspace:
-
ng add @nrwl/angular
-
ng add @nrwl/react
-
Web (no framework frontends)
ng add @nrwl/web
-
ng add @nrwl/nest
-
ng add @nrwl/express
-
ng add @nrwl/node
Run ng g @nrwl/angular:app my-app
to generate an application.
Run ng g @nrwl/angular:lib my-lib
to generate a library.
Libraries are shareable across libraries and applications. They can be imported from @test/mylib
.
ng g c components/canvas-box --project=dashboard
Run ng g component my-component --project=my-app
to generate a new component.
Run ng build my-app
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test my-app
to execute the unit tests via Jest.
Run nx affected:test
to execute the unit tests affected by a change.
Run ng e2e my-app
to execute the end-to-end tests via Cypress.
Run nx affected:e2e
to execute the end-to-end tests affected by a change.
Run nx graph
to see a diagram of the dependencies of your projects.
Don't miss out on new videos! Subscribe to my channel and hit the notification bell 🔔 to receive updates whenever I upload fresh content. Let's learn, laugh, and explore together!
- YouTube: YouTube Channel Link
- Facebook: Facebook Page Link
- Instagram: Instagram Page Link
Feel free to reach out, comment on videos, and share your thoughts. I appreciate your support! 🙌
This project is licensed under the MIT License.
If you have any questions or need further assistance, feel free to ask! 🚀
clone the forked repository to your system. Go to your GitHub account, open the forked repository, click on the code button and then clone the repository. If you want to use the terminal, use the following commands after you fork the repository, open the terminal type the given command
git clone repo url
create a branch on your local repository to solve a problem.
Terminal commands
git checkout -b your_new_branch_name
add your changes(folder) to that branch. Make necessary changes and commit those changes. Terminal commands
git add .
git commit -m "your-commit-message"
finally, push your local repository to the remote repository compare & submit a pull request
terminal commands
git push origin
Go to your repository on GitHub, you'll see a compare & pull request button. Click on that button.
Now submit the pull request.
For quick approval of the pull request, reach out to me on the mentioned social media channels.
_____ _ _ __ __
|_ _| | | | \ \ / /
| | | |__ __ _ _ __ | | __ \ V /___ _ _
| | | '_ \ / _` | '_ \| |/ / \ // _ \| | | |
| | | | | | (_| | | | | < | | (_) | |_| |
\_/ |_| |_|\__,_|_| |_|_|\_\ \_/\___/ \__,_|
______
| ___|
| |_ ___ _ __
| _/ _ \| '__|
| || (_) | |
\_| \___/|_|
______ _ _ _ _
| ___ \ (_) | | | | | |
| |_/ / ___ _ _ __ __ _ | |_| | ___ _ __ ___| |
| ___ \/ _ \ | '_ \ / _` | | _ |/ _ \ '__/ _ \ |
| |_/ / __/ | | | | (_| | | | | | __/ | | __/_|
\____/ \___|_|_| |_|\__, | \_| |_/\___|_| \___(_)
__/ |
|___/
if (youEnjoyed) {
// (star ⭐ & fork 🍽️) this repository.
// - Fork this repository by clicking on the fork button at the top of this page. This will create a copy of this repository in your account.
starThisRepository();
}