GitHub - practical-tutorials/project-based-learning: Curated list of project-based tutorials

ENG | CS
how to add custom made footers - Google Search
153 CSS Loaders
Collection of HTML and CSS loader animation for website. Update of March 2020 collection. 17 new examples.
vercel/next.js: The React Framework
The React Framework. Contribute to vercel/next.js development by creating an account on GitHub.
10 JS Tips to Help You Code Smarter, Not Longer - DEV Community 👩💻👨💻
Earlier this week, we spoke about Developer Burnout, which a study found that 83% of developers...
Jakub Skoneczny - Początkujący Full-Stack Web Developer | Portfolio
Cześć, jestem Jakub Skoneczny i to jest moje portfolio. Na stronie znajdziesz listę moich umiejętności i technologii, które znam. Zobaczysz także niektóre moje realizacje i projekty. Serdecznie zapraszam!
Resources | Jakub Skoneczny - Javascript Developer
Power of console.table() in JavaScript💪🏻😎 - DEV Community 👩💻👨💻
Debugging is the skill that all developers should have in their toolbox🧰 No doubt console.log() is a...
Jakub Skoneczny - DEV Community 👩💻👨💻
Full Stack Web Developer (React, Node, PHP). In spare time, I enjoy playing the guitar and reading about space.
Control your Monorepo 🗄️ - DEV Community 👩💻👨💻
You might have heard the phrase monorepo earlier before. But, for those who haven't heard anything...
Map of Computer Science
The field of computer science summarised. Learn more at this video's sponsor https://brilliant.org/dos
Computer science is the subject that studies what computers can do and investigates the best ways you can solve the problems of the world with them. It is a huge field overlapping pure mathematics, engineering and many other scientific disciplines. In this video I summarise as much of the subject as I can and show how the areas are related to each other.
#computer #science #DomainOfScience
You can buy this poster here:
North America: https://store.dftba.com/products/map-of-computer-science-poster
Everywhere else: https://www.redbubble.com/people/dominicwalliman/works/27929629-map-of-computer-science?p=poster&finish=semi_gloss&size=small
French Version: https://www.redbubble.com/people/dominicwalliman/works/40572729-map-of-computer-science-french-version?asc=u
Spanish Version: https://www.redbubble.com/people/dominicwalliman/works/40572750-map-of-computer-science-spanish-version?asc=u
Get all my other posters here: https://www.redbubble.com/people/dominicwalliman
A couple of notes on this video:
1. Some people have commented that I should have included computer security alongside hacking, and I completely agree, that was an oversight on my part. Apologies to all the computer security professionals, and thanks for all the hard work!
2. I also failed to mention interpreters alongside compilers in the complier section. Again, I’m kicking myself because of course this is an important concept for people to hear about. Also the layers of languages being compiled to other languages is overly convoluted, in practice it is more simple than this. I guess I should have picked one simple example.
3. NP-complete problems are possible to solve, they just become very difficult to solve very quickly as they get bigger. When I said NP-complete and then "impossible to solve", I meant that the large NP-complete problems that industry is interested in solving were thought to be practically impossible to solve.
And free downloadable versions of this and the other posters here. If you want to print them out for educational purposes please do! https://www.flickr.com/photos/95869671@N08/
Thanks so much to my supporters on Patreon. If you enjoy my videos and would like to help me make more this is the best way and I appreciate it very much. https://www.patreon.com/domainofscience
I also write a series of children’s science books call Professor Astro Cat, these links are to the publisher, but they are available in all good bookshops around the world in 18 languages and counting:
Frontiers of Space (age 7+): http://nobrow.net/shop/professor-astro-cats-frontiers-of-space/
Atomic Adventure (age 7+): http://nobrow.net/shop/professor-astro-cats-atomic-adventure/
Intergalactic Activity Book (age 7+): http://nobrow.net/shop/professor-astro-cats-intergalactic-activity-book/
Solar System Book (age 3+, available in UK now, and rest of world in spring 2018): http://nobrow.net/shop/professor-astro-cats-solar-system/?
Solar System App: http://www.minilabstudios.com/apps/professor-astro-cats-solar-system/
And the new Professor Astro Cat App: https://itunes.apple.com/us/app/galactic-genius-with-astro-cat/id1212841840?mt=8
Find me on twitter, Instagram, and my website:
http://dominicwalliman.com
https://twitter.com/DominicWalliman
https://www.instagram.com/dominicwalliman
https://www.facebook.com/dominicwalliman
Code Mario in JavaScript with Kaboom.js!
In this video I show you how to build a Mario in JavaScript using the Kaboom.js library in my code editor of choice. If you are new to Kaboom I would suggest...
Map of Computer Science
The field of computer science summarised. Learn more at this video's sponsor https://brilliant.org/dosComputer science is the subject that studies what compu...
Software Engineering is a Loser’s Game
I’ve recently become fascinated by the idea of “winner’s games” and “loser’s games.” There are...
Pathfinding Visualizer Tutorial (software engineering project)
This video is a tutorial of my Pathfinding Visualizer project, which visualizes Dijkstra's algorithm. This is a great software engineering project to add to your resume.
This tutorial's GitHub repo: https://github.com/clementmihailescu/Pathfinding-Visualizer-Tutorial
Original Pathfinding Visualizer's GitHub repo: https://github.com/clementmihailescu/Pathfinding-Visualizer
Video where I talk about my software engineering projects, including the original Pathfinding Visualizer: https://youtu.be/n4t_-NjY_Sg
Timestamps for this video:
0:00 - Introduction
1:02 - How this tutorial is done (i.e., what tools we're using)
2:18 - The scope of this tutorial (i.e., what we're building exactly)
4:27 - The challenge of this tutorial
5:21 - *Very* important information
6:08 - *Tutorial*
47:08 - Summary of tutorial
54:04 - Conclusion
Prepping for coding interviews? Practice with 77 video explanations of popular interview questions and a full-fledged coding workspace on AlgoExpert: https://www.algoexpert.io (use "clem" promo code for a discount!)
Watch "Linux Directories Explained in 100 Seconds" on YouTube
Linux is a cryptic labyrinth of directories defined my Filesystem Hierarchy Standard (FHS). Learn the purpose of the most common Linux directories in 100 seconds https://fireship.io/tags/linux/
00:00 Filesystem Hierarchy Standard
00:10 /
00:15 /bin
00:30 /sbin
00:38 /lib
00:42 /usr/bin
00:54 /usr/local/bin
01:05 PATH
01:20 /etc
01:34 /home
01:58 /boot
02:02 /dev
02:12 /opt
02:17 /var
02:24 /tmp
02:29 /proc
#linux #dev #100SecondsOfCode
Linux https://fireship.io/tags/linux/
FHS https://en.wikipedia.org/wiki/Filesystem_Hierarchy_Standard
Install the quiz app 🤓
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
Deploy a React App on AWS Lightsail: Testing, Docker, Docker Compose, Nginx & Github Actions
So you have written your React Application and you are ready to deploy it? Although there are...
What the heck is the event loop anyway? | Philip Roberts | JSConf EU
JavaScript programmers like to use words like, “event-loop”, “non-blocking”, “callback”, “asynchronous”, “single-threaded” and “concurrency”.We say things li...
best software engineering books - Google Search
MERN Stack for Experience Developers - DEV Community
In this article, I am going to cover below points What is MERN Stack? Setting up development...
Watch "15-721 Advanced Database Systems (Spring 2020)" on YouTube
Watch "MVC Explained in 4 Minutes" on YouTube
MVC is the most popular architecture for building complex web servers. It is used by many frameworks, and implemented into nearly every modern web application. In this video I will cover what MVC is, how it works, and why you should use it.
MVC stands for Model, View, Controller. It is used to define how these three different entities can interact with each other.
The Controller handles user requests and delegates information between the Model and the View. It only deals with requests, and never handles data or presentation.
The Model handles data validation, logic, and persistence. It interacts directly with the database to handle the data. The Controller will get all of its data information by asking the Model about the data.
The View handles presenting the information. It will usually render dynamic HTML pages based on the data the model fetches. The Controller is responsible for passing that data between the Model and View, so that the Model and View never have to interact with each other.
Previous Video:
https://youtu.be/6sUbt-Qp6Pg
Next Video:
https://youtu.be/qj2oDkvc4dQ
Playlist:
https://www.youtube.com/playlist?list=PLZlA0Gpn_vH8jbFkBjOuFjhxANC63OmXM
Twitter:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
CodePen:
https://codepen.io/WebDevSimplified
#MVC #WebDevelopment #ModelViewController
Lottie Widget - Elementor
+ Add the Lottie Animation to Your Elementor Site Easily embed your chosen Lottie animation using Elementor Pro’s Lottie widget DOWNLOAD ANIMATION This animation is available to download and use for Free under Creative Commons License 2.0 Embed the Lottie Animation in 4 Simple Steps Step 1 Download the Lottie animation Step 2 Go to […]
vision on Lottiefiles. Free Lottie Animation
target. Use on your web, react, flutter, xamarin iOS and Android projects and apps
Lottie Widget - Elementor
+ Add the Lottie Animation to Your Elementor Site Easily embed your chosen Lottie animation using Elementor Pro’s Lottie widget DOWNLOAD ANIMATION This animation is available to download and use for Free under Creative Commons License 2.0 Embed the Lottie Animation in 4 Simple Steps Step 1 Download the Lottie animation Step 2 Go to […]
Lottie Widget - Elementor
+ Add the Lottie Animation to Your Elementor Site Easily embed your chosen Lottie animation using Elementor Pro’s Lottie widget DOWNLOAD ANIMATION This animation is available to download and use for Free under Creative Commons License 2.0 Embed the Lottie Animation in 4 Simple Steps Step 1 Download the Lottie animation Step 2 Go to […]
Lottie Editor
Edit Lottie JSON Animations Online
Lottie Editor
Edit Lottie JSON Animations Online
Free Lottie Animation Files, Tools & Plugins - LottieFiles
The world’s largest online platform for the world’s smallest animation format for designers, developers, and more. Access Lottie animation tools and plugins for Android, iOS, and Web.
Lottie Editor
Edit Lottie JSON Animations Online