diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index eee6ec8..8478ca8 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -19,7 +19,7 @@ jobs: - name: Setup Python uses: actions/setup-python@v2 with: - python-version: '3.8' + python-version: "3.8" - name: Upgrade pip run: | @@ -40,7 +40,7 @@ jobs: run: python3 -m pip install -r ./requirements.txt - run: mkdocs build - env: + env: ENABLE_PDF_EXPORT: 1 - name: Deploy diff --git a/docs/2024-2025-summer/images/about-us-cfc.png b/docs/2024-2025-summer/images/about-us-cfc.png new file mode 100644 index 0000000..0f2c9a0 Binary files /dev/null and b/docs/2024-2025-summer/images/about-us-cfc.png differ diff --git a/docs/2024-2025-summer/images/allure-test-reports.png b/docs/2024-2025-summer/images/allure-test-reports.png new file mode 100644 index 0000000..0e5ffcf Binary files /dev/null and b/docs/2024-2025-summer/images/allure-test-reports.png differ diff --git a/docs/2024-2025-summer/images/api-diagram.gif b/docs/2024-2025-summer/images/api-diagram.gif new file mode 100644 index 0000000..329eb5b Binary files /dev/null and b/docs/2024-2025-summer/images/api-diagram.gif differ diff --git a/docs/2024-2025-summer/images/app-architecture.png b/docs/2024-2025-summer/images/app-architecture.png new file mode 100644 index 0000000..041347e Binary files /dev/null and b/docs/2024-2025-summer/images/app-architecture.png differ diff --git a/docs/2024-2025-summer/images/app-frontend.png b/docs/2024-2025-summer/images/app-frontend.png new file mode 100644 index 0000000..05955da Binary files /dev/null and b/docs/2024-2025-summer/images/app-frontend.png differ diff --git a/docs/2024-2025-summer/images/auto-test-time-savings.png b/docs/2024-2025-summer/images/auto-test-time-savings.png new file mode 100644 index 0000000..c61e83a Binary files /dev/null and b/docs/2024-2025-summer/images/auto-test-time-savings.png differ diff --git a/docs/2024-2025-summer/images/babel.png b/docs/2024-2025-summer/images/babel.png new file mode 100644 index 0000000..49f151b Binary files /dev/null and b/docs/2024-2025-summer/images/babel.png differ diff --git a/docs/2024-2025-summer/images/backend-connection.png b/docs/2024-2025-summer/images/backend-connection.png new file mode 100644 index 0000000..0710681 Binary files /dev/null and b/docs/2024-2025-summer/images/backend-connection.png differ diff --git a/docs/2024-2025-summer/images/basics-of-web-2.jpg b/docs/2024-2025-summer/images/basics-of-web-2.jpg new file mode 100644 index 0000000..d6483fd Binary files /dev/null and b/docs/2024-2025-summer/images/basics-of-web-2.jpg differ diff --git a/docs/2024-2025-summer/images/basics-of-web.png b/docs/2024-2025-summer/images/basics-of-web.png new file mode 100644 index 0000000..4606847 Binary files /dev/null and b/docs/2024-2025-summer/images/basics-of-web.png differ diff --git a/docs/2024-2025-summer/images/bon.jpg b/docs/2024-2025-summer/images/bon.jpg new file mode 100644 index 0000000..5f14b09 Binary files /dev/null and b/docs/2024-2025-summer/images/bon.jpg differ diff --git a/docs/2024-2025-summer/images/building-falling.gif b/docs/2024-2025-summer/images/building-falling.gif new file mode 100644 index 0000000..630c3c2 Binary files /dev/null and b/docs/2024-2025-summer/images/building-falling.gif differ diff --git a/docs/2024-2025-summer/images/bus.gif b/docs/2024-2025-summer/images/bus.gif new file mode 100644 index 0000000..18b7722 Binary files /dev/null and b/docs/2024-2025-summer/images/bus.gif differ diff --git a/docs/2024-2025-summer/images/client-loss.jpg b/docs/2024-2025-summer/images/client-loss.jpg new file mode 100644 index 0000000..9c069e7 Binary files /dev/null and b/docs/2024-2025-summer/images/client-loss.jpg differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-assets.png b/docs/2024-2025-summer/images/codebase-jigsaw-assets.png new file mode 100644 index 0000000..29bfbc5 Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-assets.png differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-components.png b/docs/2024-2025-summer/images/codebase-jigsaw-components.png new file mode 100644 index 0000000..4538b8b Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-components.png differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-helpers.png b/docs/2024-2025-summer/images/codebase-jigsaw-helpers.png new file mode 100644 index 0000000..ca3505b Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-helpers.png differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-orm.png b/docs/2024-2025-summer/images/codebase-jigsaw-orm.png new file mode 100644 index 0000000..a59638b Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-orm.png differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-pages.png b/docs/2024-2025-summer/images/codebase-jigsaw-pages.png new file mode 100644 index 0000000..26b5073 Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-pages.png differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-routing.png b/docs/2024-2025-summer/images/codebase-jigsaw-routing.png new file mode 100644 index 0000000..8102f5e Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-routing.png differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-tests.png b/docs/2024-2025-summer/images/codebase-jigsaw-tests.png new file mode 100644 index 0000000..70b3ea4 Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-tests.png differ diff --git a/docs/2024-2025-summer/images/codebase-jigsaw-views.png b/docs/2024-2025-summer/images/codebase-jigsaw-views.png new file mode 100644 index 0000000..4e5940b Binary files /dev/null and b/docs/2024-2025-summer/images/codebase-jigsaw-views.png differ diff --git a/docs/2024-2025-summer/images/control-systems.jpg b/docs/2024-2025-summer/images/control-systems.jpg new file mode 100644 index 0000000..51b5ef5 Binary files /dev/null and b/docs/2024-2025-summer/images/control-systems.jpg differ diff --git a/docs/2024-2025-summer/images/copilot.png b/docs/2024-2025-summer/images/copilot.png new file mode 100644 index 0000000..a7ff111 Binary files /dev/null and b/docs/2024-2025-summer/images/copilot.png differ diff --git a/docs/2024-2025-summer/images/coverage.webp b/docs/2024-2025-summer/images/coverage.webp new file mode 100644 index 0000000..3d7f0b3 Binary files /dev/null and b/docs/2024-2025-summer/images/coverage.webp differ diff --git a/docs/2024-2025-summer/images/csr.jpg b/docs/2024-2025-summer/images/csr.jpg new file mode 100644 index 0000000..a81e0b4 Binary files /dev/null and b/docs/2024-2025-summer/images/csr.jpg differ diff --git a/docs/2024-2025-summer/images/cypress-screenshot.png b/docs/2024-2025-summer/images/cypress-screenshot.png new file mode 100644 index 0000000..c551efe Binary files /dev/null and b/docs/2024-2025-summer/images/cypress-screenshot.png differ diff --git a/docs/2024-2025-summer/images/daily-life.png b/docs/2024-2025-summer/images/daily-life.png new file mode 100644 index 0000000..4d0431b Binary files /dev/null and b/docs/2024-2025-summer/images/daily-life.png differ diff --git a/docs/2024-2025-summer/images/death.webp b/docs/2024-2025-summer/images/death.webp new file mode 100644 index 0000000..17c4593 Binary files /dev/null and b/docs/2024-2025-summer/images/death.webp differ diff --git a/docs/2024-2025-summer/images/disruptions.webp b/docs/2024-2025-summer/images/disruptions.webp new file mode 100644 index 0000000..0e47ff2 Binary files /dev/null and b/docs/2024-2025-summer/images/disruptions.webp differ diff --git a/docs/2024-2025-summer/images/django-2.png b/docs/2024-2025-summer/images/django-2.png new file mode 100644 index 0000000..d6db41d Binary files /dev/null and b/docs/2024-2025-summer/images/django-2.png differ diff --git a/docs/2024-2025-summer/images/django-admin.png b/docs/2024-2025-summer/images/django-admin.png new file mode 100644 index 0000000..d3dbbdd Binary files /dev/null and b/docs/2024-2025-summer/images/django-admin.png differ diff --git a/docs/2024-2025-summer/images/django.png b/docs/2024-2025-summer/images/django.png new file mode 100644 index 0000000..0156920 Binary files /dev/null and b/docs/2024-2025-summer/images/django.png differ diff --git a/docs/2024-2025-summer/images/docker-desktop.png b/docs/2024-2025-summer/images/docker-desktop.png new file mode 100644 index 0000000..2db2b23 Binary files /dev/null and b/docs/2024-2025-summer/images/docker-desktop.png differ diff --git a/docs/2024-2025-summer/images/docker-diagram.png b/docs/2024-2025-summer/images/docker-diagram.png new file mode 100644 index 0000000..f740b72 Binary files /dev/null and b/docs/2024-2025-summer/images/docker-diagram.png differ diff --git a/docs/2024-2025-summer/images/docker-port-mapping.png b/docs/2024-2025-summer/images/docker-port-mapping.png new file mode 100644 index 0000000..d6eb893 Binary files /dev/null and b/docs/2024-2025-summer/images/docker-port-mapping.png differ diff --git a/docs/2024-2025-summer/images/dog.png b/docs/2024-2025-summer/images/dog.png new file mode 100644 index 0000000..40aeaf2 Binary files /dev/null and b/docs/2024-2025-summer/images/dog.png differ diff --git a/docs/2024-2025-summer/images/drf.png b/docs/2024-2025-summer/images/drf.png new file mode 100644 index 0000000..5006d60 Binary files /dev/null and b/docs/2024-2025-summer/images/drf.png differ diff --git a/docs/2024-2025-summer/images/drupal.jpg b/docs/2024-2025-summer/images/drupal.jpg new file mode 100644 index 0000000..06c7f7e Binary files /dev/null and b/docs/2024-2025-summer/images/drupal.jpg differ diff --git a/docs/2024-2025-summer/images/education.png b/docs/2024-2025-summer/images/education.png new file mode 100644 index 0000000..d65c6ab Binary files /dev/null and b/docs/2024-2025-summer/images/education.png differ diff --git a/docs/2024-2025-summer/images/embarassment.gif b/docs/2024-2025-summer/images/embarassment.gif new file mode 100644 index 0000000..f7fca8a Binary files /dev/null and b/docs/2024-2025-summer/images/embarassment.gif differ diff --git a/docs/2024-2025-summer/images/express-dependency.png b/docs/2024-2025-summer/images/express-dependency.png new file mode 100644 index 0000000..de6e303 Binary files /dev/null and b/docs/2024-2025-summer/images/express-dependency.png differ diff --git a/docs/2024-2025-summer/images/firebase-cli.png b/docs/2024-2025-summer/images/firebase-cli.png new file mode 100644 index 0000000..7df9059 Binary files /dev/null and b/docs/2024-2025-summer/images/firebase-cli.png differ diff --git a/docs/2024-2025-summer/images/fragile-1.png b/docs/2024-2025-summer/images/fragile-1.png new file mode 100644 index 0000000..c1925cd Binary files /dev/null and b/docs/2024-2025-summer/images/fragile-1.png differ diff --git a/docs/2024-2025-summer/images/fragile-2.gif b/docs/2024-2025-summer/images/fragile-2.gif new file mode 100644 index 0000000..4d9f158 Binary files /dev/null and b/docs/2024-2025-summer/images/fragile-2.gif differ diff --git a/docs/2024-2025-summer/images/fragile-3.png b/docs/2024-2025-summer/images/fragile-3.png new file mode 100644 index 0000000..3d0b9c9 Binary files /dev/null and b/docs/2024-2025-summer/images/fragile-3.png differ diff --git a/docs/2024-2025-summer/images/frontend-meme-1.png b/docs/2024-2025-summer/images/frontend-meme-1.png new file mode 100644 index 0000000..ebb55fe Binary files /dev/null and b/docs/2024-2025-summer/images/frontend-meme-1.png differ diff --git a/docs/2024-2025-summer/images/frontend-meme-2.jpg b/docs/2024-2025-summer/images/frontend-meme-2.jpg new file mode 100644 index 0000000..ac0f603 Binary files /dev/null and b/docs/2024-2025-summer/images/frontend-meme-2.jpg differ diff --git a/docs/2024-2025-summer/images/frontend-meme-3.jpg b/docs/2024-2025-summer/images/frontend-meme-3.jpg new file mode 100644 index 0000000..ae9b07e Binary files /dev/null and b/docs/2024-2025-summer/images/frontend-meme-3.jpg differ diff --git a/docs/2024-2025-summer/images/frontend-meme-4.jpg b/docs/2024-2025-summer/images/frontend-meme-4.jpg new file mode 100644 index 0000000..e4dd779 Binary files /dev/null and b/docs/2024-2025-summer/images/frontend-meme-4.jpg differ diff --git a/docs/2024-2025-summer/images/git.png b/docs/2024-2025-summer/images/git.png new file mode 100644 index 0000000..ff0d35a Binary files /dev/null and b/docs/2024-2025-summer/images/git.png differ diff --git a/docs/2024-2025-summer/images/github copy.png b/docs/2024-2025-summer/images/github copy.png new file mode 100644 index 0000000..472a057 Binary files /dev/null and b/docs/2024-2025-summer/images/github copy.png differ diff --git a/docs/2024-2025-summer/images/github-kanban copy.png b/docs/2024-2025-summer/images/github-kanban copy.png new file mode 100644 index 0000000..4babde8 Binary files /dev/null and b/docs/2024-2025-summer/images/github-kanban copy.png differ diff --git a/docs/2024-2025-summer/images/github-kanban.png b/docs/2024-2025-summer/images/github-kanban.png new file mode 100644 index 0000000..4babde8 Binary files /dev/null and b/docs/2024-2025-summer/images/github-kanban.png differ diff --git a/docs/2024-2025-summer/images/github-tags-system.png b/docs/2024-2025-summer/images/github-tags-system.png new file mode 100644 index 0000000..816ac44 Binary files /dev/null and b/docs/2024-2025-summer/images/github-tags-system.png differ diff --git a/docs/2024-2025-summer/images/github.png b/docs/2024-2025-summer/images/github.png new file mode 100644 index 0000000..472a057 Binary files /dev/null and b/docs/2024-2025-summer/images/github.png differ diff --git a/docs/2024-2025-summer/images/gunicorn-flask.png b/docs/2024-2025-summer/images/gunicorn-flask.png new file mode 100644 index 0000000..e7a365c Binary files /dev/null and b/docs/2024-2025-summer/images/gunicorn-flask.png differ diff --git a/docs/2024-2025-summer/images/hackerman.jpg b/docs/2024-2025-summer/images/hackerman.jpg new file mode 100644 index 0000000..e858835 Binary files /dev/null and b/docs/2024-2025-summer/images/hackerman.jpg differ diff --git a/docs/2024-2025-summer/images/healthcare.jpg b/docs/2024-2025-summer/images/healthcare.jpg new file mode 100644 index 0000000..faff587 Binary files /dev/null and b/docs/2024-2025-summer/images/healthcare.jpg differ diff --git a/docs/2024-2025-summer/images/html-meme-1.jpg b/docs/2024-2025-summer/images/html-meme-1.jpg new file mode 100644 index 0000000..98b1f1a Binary files /dev/null and b/docs/2024-2025-summer/images/html-meme-1.jpg differ diff --git a/docs/2024-2025-summer/images/html-meme-2.png b/docs/2024-2025-summer/images/html-meme-2.png new file mode 100644 index 0000000..692b237 Binary files /dev/null and b/docs/2024-2025-summer/images/html-meme-2.png differ diff --git a/docs/2024-2025-summer/images/ie.jpg b/docs/2024-2025-summer/images/ie.jpg new file mode 100644 index 0000000..efb0924 Binary files /dev/null and b/docs/2024-2025-summer/images/ie.jpg differ diff --git a/docs/2024-2025-summer/images/jira copy.png b/docs/2024-2025-summer/images/jira copy.png new file mode 100644 index 0000000..b348ace Binary files /dev/null and b/docs/2024-2025-summer/images/jira copy.png differ diff --git a/docs/2024-2025-summer/images/jira-kanban copy.png b/docs/2024-2025-summer/images/jira-kanban copy.png new file mode 100644 index 0000000..52a69b1 Binary files /dev/null and b/docs/2024-2025-summer/images/jira-kanban copy.png differ diff --git a/docs/2024-2025-summer/images/jira-kanban.png b/docs/2024-2025-summer/images/jira-kanban.png new file mode 100644 index 0000000..52a69b1 Binary files /dev/null and b/docs/2024-2025-summer/images/jira-kanban.png differ diff --git a/docs/2024-2025-summer/images/jira.png b/docs/2024-2025-summer/images/jira.png new file mode 100644 index 0000000..b348ace Binary files /dev/null and b/docs/2024-2025-summer/images/jira.png differ diff --git a/docs/2024-2025-summer/images/json.png b/docs/2024-2025-summer/images/json.png new file mode 100644 index 0000000..c91d552 Binary files /dev/null and b/docs/2024-2025-summer/images/json.png differ diff --git a/docs/2024-2025-summer/images/modern-infrastructure.png b/docs/2024-2025-summer/images/modern-infrastructure.png new file mode 100644 index 0000000..1617cc6 Binary files /dev/null and b/docs/2024-2025-summer/images/modern-infrastructure.png differ diff --git a/docs/2024-2025-summer/images/mui-dependency.png b/docs/2024-2025-summer/images/mui-dependency.png new file mode 100644 index 0000000..35fed9f Binary files /dev/null and b/docs/2024-2025-summer/images/mui-dependency.png differ diff --git a/docs/2024-2025-summer/images/mvc-diagram.png b/docs/2024-2025-summer/images/mvc-diagram.png new file mode 100644 index 0000000..6557a8c Binary files /dev/null and b/docs/2024-2025-summer/images/mvc-diagram.png differ diff --git a/docs/2024-2025-summer/images/mvc-django.png b/docs/2024-2025-summer/images/mvc-django.png new file mode 100644 index 0000000..de8f076 Binary files /dev/null and b/docs/2024-2025-summer/images/mvc-django.png differ diff --git a/docs/2024-2025-summer/images/mvc-flask.png b/docs/2024-2025-summer/images/mvc-flask.png new file mode 100644 index 0000000..536a732 Binary files /dev/null and b/docs/2024-2025-summer/images/mvc-flask.png differ diff --git a/docs/2024-2025-summer/images/mvc-node.png b/docs/2024-2025-summer/images/mvc-node.png new file mode 100644 index 0000000..0110289 Binary files /dev/null and b/docs/2024-2025-summer/images/mvc-node.png differ diff --git a/docs/2024-2025-summer/images/mvc-triangular.jpg b/docs/2024-2025-summer/images/mvc-triangular.jpg new file mode 100644 index 0000000..6366017 Binary files /dev/null and b/docs/2024-2025-summer/images/mvc-triangular.jpg differ diff --git a/docs/2024-2025-summer/images/mvc.jpg b/docs/2024-2025-summer/images/mvc.jpg new file mode 100644 index 0000000..8056dd8 Binary files /dev/null and b/docs/2024-2025-summer/images/mvc.jpg differ diff --git a/docs/2024-2025-summer/images/mvvm-diagram.png b/docs/2024-2025-summer/images/mvvm-diagram.png new file mode 100644 index 0000000..21194ef Binary files /dev/null and b/docs/2024-2025-summer/images/mvvm-diagram.png differ diff --git a/docs/2024-2025-summer/images/mvvm-django-react.png b/docs/2024-2025-summer/images/mvvm-django-react.png new file mode 100644 index 0000000..ad71430 Binary files /dev/null and b/docs/2024-2025-summer/images/mvvm-django-react.png differ diff --git a/docs/2024-2025-summer/images/mvvm-flask-react.png b/docs/2024-2025-summer/images/mvvm-flask-react.png new file mode 100644 index 0000000..03d4f6a Binary files /dev/null and b/docs/2024-2025-summer/images/mvvm-flask-react.png differ diff --git a/docs/2024-2025-summer/images/mvvm-node-react.png b/docs/2024-2025-summer/images/mvvm-node-react.png new file mode 100644 index 0000000..3bdb5af Binary files /dev/null and b/docs/2024-2025-summer/images/mvvm-node-react.png differ diff --git a/docs/2024-2025-summer/images/mvvm.png b/docs/2024-2025-summer/images/mvvm.png new file mode 100644 index 0000000..881594e Binary files /dev/null and b/docs/2024-2025-summer/images/mvvm.png differ diff --git a/docs/2024-2025-summer/images/nodejs.png b/docs/2024-2025-summer/images/nodejs.png new file mode 100644 index 0000000..131e514 Binary files /dev/null and b/docs/2024-2025-summer/images/nodejs.png differ diff --git a/docs/2024-2025-summer/images/not-stonks.jpg b/docs/2024-2025-summer/images/not-stonks.jpg new file mode 100644 index 0000000..5e1fe55 Binary files /dev/null and b/docs/2024-2025-summer/images/not-stonks.jpg differ diff --git a/docs/2024-2025-summer/images/notifications.gif b/docs/2024-2025-summer/images/notifications.gif new file mode 100644 index 0000000..c7eb0f3 Binary files /dev/null and b/docs/2024-2025-summer/images/notifications.gif differ diff --git a/docs/2024-2025-summer/images/office-works.png b/docs/2024-2025-summer/images/office-works.png new file mode 100644 index 0000000..bb1de25 Binary files /dev/null and b/docs/2024-2025-summer/images/office-works.png differ diff --git a/docs/2024-2025-summer/images/package-managers.png b/docs/2024-2025-summer/images/package-managers.png new file mode 100644 index 0000000..f4d6ffe Binary files /dev/null and b/docs/2024-2025-summer/images/package-managers.png differ diff --git a/docs/2024-2025-summer/images/parts-of-git copy.png b/docs/2024-2025-summer/images/parts-of-git copy.png new file mode 100644 index 0000000..3896bbf Binary files /dev/null and b/docs/2024-2025-summer/images/parts-of-git copy.png differ diff --git a/docs/2024-2025-summer/images/parts-of-git.png b/docs/2024-2025-summer/images/parts-of-git.png new file mode 100644 index 0000000..3896bbf Binary files /dev/null and b/docs/2024-2025-summer/images/parts-of-git.png differ diff --git a/docs/2024-2025-summer/images/php.jpg b/docs/2024-2025-summer/images/php.jpg new file mode 100644 index 0000000..6ef56ca Binary files /dev/null and b/docs/2024-2025-summer/images/php.jpg differ diff --git a/docs/2024-2025-summer/images/postgresql.png b/docs/2024-2025-summer/images/postgresql.png new file mode 100644 index 0000000..699e650 Binary files /dev/null and b/docs/2024-2025-summer/images/postgresql.png differ diff --git a/docs/2024-2025-summer/images/postman.png b/docs/2024-2025-summer/images/postman.png new file mode 100644 index 0000000..aba5eb5 Binary files /dev/null and b/docs/2024-2025-summer/images/postman.png differ diff --git a/docs/2024-2025-summer/images/react-with-amplify.png b/docs/2024-2025-summer/images/react-with-amplify.png new file mode 100644 index 0000000..1eb1f30 Binary files /dev/null and b/docs/2024-2025-summer/images/react-with-amplify.png differ diff --git a/docs/2024-2025-summer/images/react.png b/docs/2024-2025-summer/images/react.png new file mode 100644 index 0000000..59c002c Binary files /dev/null and b/docs/2024-2025-summer/images/react.png differ diff --git a/docs/2024-2025-summer/images/rest-verbs.jpg b/docs/2024-2025-summer/images/rest-verbs.jpg new file mode 100644 index 0000000..1169ffc Binary files /dev/null and b/docs/2024-2025-summer/images/rest-verbs.jpg differ diff --git a/docs/2024-2025-summer/images/role-oriented-file-structure.png b/docs/2024-2025-summer/images/role-oriented-file-structure.png new file mode 100644 index 0000000..b736018 Binary files /dev/null and b/docs/2024-2025-summer/images/role-oriented-file-structure.png differ diff --git a/docs/2024-2025-summer/images/rough-day-keyboard.gif b/docs/2024-2025-summer/images/rough-day-keyboard.gif new file mode 100644 index 0000000..006e5ae Binary files /dev/null and b/docs/2024-2025-summer/images/rough-day-keyboard.gif differ diff --git a/docs/2024-2025-summer/images/sample.png b/docs/2024-2025-summer/images/sample.png new file mode 100644 index 0000000..59f498b Binary files /dev/null and b/docs/2024-2025-summer/images/sample.png differ diff --git a/docs/2024-2025-summer/images/scrum copy.png b/docs/2024-2025-summer/images/scrum copy.png new file mode 100644 index 0000000..5ea75f6 Binary files /dev/null and b/docs/2024-2025-summer/images/scrum copy.png differ diff --git a/docs/2024-2025-summer/images/scrum.png b/docs/2024-2025-summer/images/scrum.png new file mode 100644 index 0000000..5ea75f6 Binary files /dev/null and b/docs/2024-2025-summer/images/scrum.png differ diff --git a/docs/2024-2025-summer/images/scss-compilation.png b/docs/2024-2025-summer/images/scss-compilation.png new file mode 100644 index 0000000..4a0fd64 Binary files /dev/null and b/docs/2024-2025-summer/images/scss-compilation.png differ diff --git a/docs/2024-2025-summer/images/socket.gif b/docs/2024-2025-summer/images/socket.gif new file mode 100644 index 0000000..ed47f2f Binary files /dev/null and b/docs/2024-2025-summer/images/socket.gif differ diff --git a/docs/2024-2025-summer/images/sourcemaps.png b/docs/2024-2025-summer/images/sourcemaps.png new file mode 100644 index 0000000..1fba4c4 Binary files /dev/null and b/docs/2024-2025-summer/images/sourcemaps.png differ diff --git a/docs/2024-2025-summer/images/spotimania.png b/docs/2024-2025-summer/images/spotimania.png new file mode 100644 index 0000000..8ca171f Binary files /dev/null and b/docs/2024-2025-summer/images/spotimania.png differ diff --git a/docs/2024-2025-summer/images/squarespace.png b/docs/2024-2025-summer/images/squarespace.png new file mode 100644 index 0000000..d3d5dab Binary files /dev/null and b/docs/2024-2025-summer/images/squarespace.png differ diff --git a/docs/2024-2025-summer/images/ssr.png b/docs/2024-2025-summer/images/ssr.png new file mode 100644 index 0000000..b1976ce Binary files /dev/null and b/docs/2024-2025-summer/images/ssr.png differ diff --git a/docs/2024-2025-summer/images/stackoverflow-survey-2020.jpg b/docs/2024-2025-summer/images/stackoverflow-survey-2020.jpg new file mode 100644 index 0000000..3c0023a Binary files /dev/null and b/docs/2024-2025-summer/images/stackoverflow-survey-2020.jpg differ diff --git a/docs/2024-2025-summer/images/startup-1.jpg b/docs/2024-2025-summer/images/startup-1.jpg new file mode 100644 index 0000000..069c884 Binary files /dev/null and b/docs/2024-2025-summer/images/startup-1.jpg differ diff --git a/docs/2024-2025-summer/images/startup-2.jpg b/docs/2024-2025-summer/images/startup-2.jpg new file mode 100644 index 0000000..78549bd Binary files /dev/null and b/docs/2024-2025-summer/images/startup-2.jpg differ diff --git a/docs/2024-2025-summer/images/stonks.png b/docs/2024-2025-summer/images/stonks.png new file mode 100644 index 0000000..3953735 Binary files /dev/null and b/docs/2024-2025-summer/images/stonks.png differ diff --git a/docs/2024-2025-summer/images/subject-oriented-file-structure.png b/docs/2024-2025-summer/images/subject-oriented-file-structure.png new file mode 100644 index 0000000..023e559 Binary files /dev/null and b/docs/2024-2025-summer/images/subject-oriented-file-structure.png differ diff --git a/docs/2024-2025-summer/images/swagger.png b/docs/2024-2025-summer/images/swagger.png new file mode 100644 index 0000000..b76891e Binary files /dev/null and b/docs/2024-2025-summer/images/swagger.png differ diff --git a/docs/2024-2025-summer/images/transportations.jpeg b/docs/2024-2025-summer/images/transportations.jpeg new file mode 100644 index 0000000..c21e601 Binary files /dev/null and b/docs/2024-2025-summer/images/transportations.jpeg differ diff --git a/docs/2024-2025-summer/images/user-frustrations.webp b/docs/2024-2025-summer/images/user-frustrations.webp new file mode 100644 index 0000000..14a806e Binary files /dev/null and b/docs/2024-2025-summer/images/user-frustrations.webp differ diff --git a/docs/2024-2025-summer/images/versioning copy.png b/docs/2024-2025-summer/images/versioning copy.png new file mode 100644 index 0000000..5b96426 Binary files /dev/null and b/docs/2024-2025-summer/images/versioning copy.png differ diff --git a/docs/2024-2025-summer/images/versioning.png b/docs/2024-2025-summer/images/versioning.png new file mode 100644 index 0000000..5b96426 Binary files /dev/null and b/docs/2024-2025-summer/images/versioning.png differ diff --git a/docs/2024-2025-summer/images/vue.png b/docs/2024-2025-summer/images/vue.png new file mode 100644 index 0000000..7f6c98d Binary files /dev/null and b/docs/2024-2025-summer/images/vue.png differ diff --git a/docs/2024-2025-summer/images/wais-codebase.png b/docs/2024-2025-summer/images/wais-codebase.png new file mode 100644 index 0000000..7852db7 Binary files /dev/null and b/docs/2024-2025-summer/images/wais-codebase.png differ diff --git a/docs/2024-2025-summer/images/webpack.png b/docs/2024-2025-summer/images/webpack.png new file mode 100644 index 0000000..1289754 Binary files /dev/null and b/docs/2024-2025-summer/images/webpack.png differ diff --git a/docs/2024-2025-summer/images/windows.png b/docs/2024-2025-summer/images/windows.png new file mode 100644 index 0000000..7b47264 Binary files /dev/null and b/docs/2024-2025-summer/images/windows.png differ diff --git a/docs/2024-2025-summer/images/wix.jpg b/docs/2024-2025-summer/images/wix.jpg new file mode 100644 index 0000000..c51dd8b Binary files /dev/null and b/docs/2024-2025-summer/images/wix.jpg differ diff --git a/docs/2024-2025-summer/images/wordpress.png b/docs/2024-2025-summer/images/wordpress.png new file mode 100644 index 0000000..07acae0 Binary files /dev/null and b/docs/2024-2025-summer/images/wordpress.png differ diff --git a/docs/2024-2025-summer/images/workers.png b/docs/2024-2025-summer/images/workers.png new file mode 100644 index 0000000..6c42871 Binary files /dev/null and b/docs/2024-2025-summer/images/workers.png differ diff --git a/docs/2024-2025-summer/images/youtube.jpg b/docs/2024-2025-summer/images/youtube.jpg new file mode 100644 index 0000000..fef0e81 Binary files /dev/null and b/docs/2024-2025-summer/images/youtube.jpg differ diff --git a/docs/2024-2025-summer/introduction-to-web-development.md b/docs/2024-2025-summer/introduction-to-web-development.md new file mode 100644 index 0000000..c2f6502 --- /dev/null +++ b/docs/2024-2025-summer/introduction-to-web-development.md @@ -0,0 +1,469 @@ +# Introduction to Web Development Space +*Navigating the Deep Dark Space of Web Development* + +This workshop covers a brief overview of the most common tools and technologies used in web development. + +## Content + - [What and Why Web Development?](#what-and-why-web-development) + - [FAQs about Web Development](#faqs-about-web-development) + - [Basics of Web and Limitation](#basics-of-web-and-limitation) + - [Server-side Applications (Backend)](#server-side-applications-backend) + - [Others](#others) + - [Languages of the Web (the usual)](#languages-of-the-web-the-usual) + - [Hosting Stuff](#hosting-stuff) + - [CSS Frameworks](#css-frameworks) + - [Developer Tools](#developer-tools) + - [TypeScript](#typescript) + - [Testing](#testing) + - [Continuous Integration / Continuous Deployment](#continuous-integration--continuous-deployment) + - [Virtualisation and Containerisation](#virtualisation-and-containerisation) + - [Browsers](#browsers) + - [Firefox Developer Tools](#firefox-developer-tools) + - [Package Managers](#package-managers) + - [Version Control](#version-control) + - [Linters and Formatters](#linters-and-formatters) + - [Teamwork](#teamwork) + - [Roadmaps](#roadmaps) + - [Word of Encouragement](#word-of-encouragement) + +## What and Why Web Development? + +### What is web development? +- Websites development +- Web applications (client-side and server-side) development + +### Why Web Development ? + +- Accessibility and Portability +- Career and On-demand in job market +- Huge possibility to combine with other emerging technologies (e.g. IoT, Machine Learning) and industry (e.g. Health, Mining, O&G) + +??? info "Career in Web Development" + Source: [Insights from Stack Overflow’s 2016 survey of 50,000 developers](https://www.freecodecamp.org/news/2-out-of-3-developers-are-self-taught-and-other-insights-from-stack-overflow-s-2016-survey-of-50-8cf0ee5d4c21/) + + "Half of Developers are Web Developers" + ![occupation](https://cdn-media-1.freecodecamp.org/images/1*l3TGs4XuDhqGfIdeef9AeA.jpeg) + + +## FAQs about Web Development + +### Why code websites, why not use drag and drops like Wordpress, WIX? + +
+ wordpress + wix + drupal +
+ +- Content Management System (CMS) +- Limitations on theme/template used +- Difficult to extend +- Cybersecurity + +??? info "More information" + CMS are one of the application of web development, but there are plenty more such as - internet of things, custom software for a particular industrial application (eg. using Machine Learning) + + CMS are usually limited to the template or plugin that you use. If those plugin don't exist, then it limits your productivity very much (difficulty to extend). + + CMS are usually built to cater for non-technical users. This means that thye become the subject of hackers. Think about a scenario where a hacker was able to find a vulnerability in WordPress, now every other WordPress site will be vulnerable. + +### What is the best way to learn all these? + + + +In summary, the best way to learn: + + - Do personal projects (inspiration + motivation) + - Do team projects (get peer reviews and correct bad practices straight away) + - Watch Online Courses (to figure out what is available) + +??? info "More Information" + To be told that you have to learn "this, this, and that" before you could do things is tiresome. + + Often times, we want to learn to be a developer so that we can create cool things like software where thousands of people can use the app. We don't tend to be a developer for the sake of us needing to watch endless videos on different things. + +### Why does CFC not do mobile development as much as web development? + +- App stores has a developer cost +- Easier to deal/teach web technologies +- Accessibility (mobile, sensors, tablets, laptops and PCs) +- Bigger open-source community + +### If I already know a frontend framework, is it better to learn another frontend framework or to learn a backend framework? + +- It is better to learn a backend framework + +??? info "Reasoning" + You want to build skills that complement one another rather than be an alternative. + + It is much more valuable for you to learn a backend framework because that helps you build a **functional** app. + + +## Basics of Web and Limitation + +![basics of web 2](../images/../2021-2022-summer/images/basics-of-web-2.jpg) + +=== "HTML" + **What is it?** + + - Hypertext Markup Language + - Describes the structure of a web page + + **Limitation** + + - Doesn’t handle repeated content well + - No variables or calculation + + + ???+ example "HTML Syntax" + ```html + + + + + + + Document + + + Hello World! + + + ``` + +=== "CSS" + **What is it?** + + - Cascading Style Sheets + - Describes the presentation of a web page + + **Limitation** + + - Most css is quite similar (Handled by CSS Libraries) + - Not very dynamic (Handled by CSS Frameworks) + + + ???+ example "CSS Syntax" + ```css + body { + background-color: #f0f0f0; + font-family: sans-serif; + } + + .container{ + width: 80%; + margin: 0 auto; + } + ``` + +=== "JS" + **What is it?** + + - JavaScript + - Used to program complex features on a web page + + **Limitation** + + - Has the capability to modify the user interface, but becomes really tedious to modify interface (more about this in another workshop) + + ???+ example "JS Syntax" + ```js + const bodySelector = document.querySelector('body'); + const myFunction = () => { + bodySelector.innerHTML = 'Hello World 2!'; + // Add a container class to space out + bodySelector.classList.add('container'); + } + bodySelector.onclick = myFunction; + ``` + + +### Modern Frameworks + +- Websites can be much more… they can be web applications +- “App” in a website (client-side rendering) + +???+ success "Modern Frameworks" + === "React.js" + - More mature and used more in industry + + ![react](../images/../2021-2022-summer/images/react.png) + + === "Vue.js" + - Growing fast in popularity and use. + + ![vue](../images/../2021-2022-summer/images/vue.png) + + + + **General Information** + + - Both are good to use and learn. + - Knowledge is transferable between the two frameworks. + +??? info "Comparison between HTML and JSX" + ![sample](../images/../2021-2022-summer/images/sample.png) + + Highlighted portions are starting chunk of distinct code. + + ???+ example "HTML" + ```html hl_lines="2 15 27 41" +
+
+
+
+ devices +

+ Applications +

+

+ Build custom web and mobile applications to engage with your audience +

+
+
+
+
+
+
+ web +

Websites

+

+ Build new websites or optimise existing pages to improve online + visibility +

+
+
+
+
+
+
+ storage +

+ Data Storage +

+

+ Design and create databases for efficient information storage and + retrieval +

+
+
+
+
+
+
+ how_to_reg +

+ Consulting +

+

+ Empower your organisation through technical knowledge and advice +

+
+
+
+
+ ``` + + ???+ example "JSX" + ```js hl_lines="24" + import { memo } from 'react' + import { Row, Col, Card, CardBody } from 'reactstrap' + import services from 'data/services.json' + + const Service = (props: { + icon: string + title: string + description: string + }) => ( + + + {props.icon} +

+ {props.title} +

+

{props.description}

+ + + ) + + const Services = () => ( + + {services.map(service => ( + + + + ))} + + ) + + export default memo(Services) + ``` + +## Server-side Applications (Backend) + +
+ nodejs + django + php + postgresql +
+ + +### How do devices communicate? + +- HTTP Request - Hypertext Transfer Protocol + +![backend-connection](../images/../2021-2022-summer/images/backend-connection.png) + +### What do server applications do? + +- Serve frontends (server-side rendering) +- Web API (Application Programming Interface) + - Serve data (usually from a database) + - Process Request (Sending emails or SMS, Machine Learning) + +### Databases +Place to store the data + +**Mongodb** + +Allows for database design to be modified without complex migration or data loss + +**SQL** + +Typically faster and better for large amounts of data or systems that need data consistency and reliability + +## Others + +### Languages of the Web (the usual) +- Python (Django, Flask) +- JavaScript (Node.js, Express) +- Ruby, Go, Rust, C + +### Hosting Stuff +Many ways +- Own a server +- Use a 3rd party platform + +### CSS Frameworks + +**Frontend (JS)** + +- Vue, React +- Nuxt.js, Next.js + + +**Frontend (CSS)** + +- MaterialUI, Vuetify +- Bootstrap + +### Developer Tools + +#### TypeScript +- Type checking is super useful for complex apps +- Allows for way better javascript developer tooling +- Can be annoying if you’re new at it + +#### Testing + +- Selenium, Cypress + - End to end automated testing tools +- Jest, Mocha, Pytest + - Unit testing +- Testing is vital to software projects + +#### Continuous Integration / Continuous Deployment + +- Automated Testing +- Event-driven scripts +- E.g. Github Action, Bitbucket Pipelines + +#### Virtualisation and Containerisation + +- Allows execution of services in a virtual environment + - eg. Docker (Containerisation), Vagrant (Virtualisation) + +#### Browsers + +- Standard browsers + - Google Chrome, Firefox, Edge, etc. +- Backwards compatibility + - Internet Explorer +- Other + - Mobile - Responsive + - Screen readers - Accessibility + +#### Firefox Developer Tools +- Page Inspector + - Visualise page aspects + - Grid layout +- Web Console + - `console.log(“Hello World”)` +- Responsive Design Mode + - View from POV of different screen sizes such as mobile, tablets, etc. + +??? info "Some more tools" + - JavaScript Debugger + - Network Monitor + - Performance Tools + - Rulers + - Colour Pickers + Learn more at: https://developer.mozilla.org/en-US/docs/Tools + +#### Package Managers +- Installs libraries that can be used +- Also has code shortcuts (e.g. npm run start) + +(More about `package.json` and `poetry.toml` in the projects and Package Manager Workshop) + +#### Version Control +- Essential for developer teams and complex software development +- Git + +#### Linters and Formatters +- Makes code formatting consistent (following standard) +- Useful with version controls to avoid pointless change + +eg.ESLint, Prettier + +#### Teamwork +- Many tools out there +- Used to stop teams from stepping on each others toes +- Github Issues + Pull Requests + +### Roadmaps +There's an open-source community that maintains a learning roadmap for developers. See [https://roadmap.sh/](https://roadmap.sh/) + +??? info "Frontend Developer" + ![frontend-roadmap](https://roadmap.sh/roadmaps/frontend.png) + +??? info "Backend Developer" + ![backend-roadmap](https://roadmap.sh/roadmaps/backend.png) + +??? info "Dev-Ops" + ![devops-roadmap](https://roadmap.sh/roadmaps/devops.png) + +## Word of Encouragement + +??? quote "Encouragement from the Tech Lead" + "I can admit that this journey of learning will be difficult, and can sometimes be overwhelming and demotivating. Please, if at any point of this project, you feel that you don't know enough, or you're feeling lost, please reach out! We are all in this journey together! Nobody is born talented, skills are honed with determination and willingness to learn." + + "When I was a first year student entering on the CFC winter project, I didn't feel like I was good enough. I couldn't create a good looking interface, I didn't know how to use npm and all sorts of those things. I was just like many of you! if I gave up just because of all those things I didn't know, of all those self-doubts, then I wouldn't be here today. I admit that I was lucky because I was in CFC, I had connections where I can just ask questions instead of feeling lost of not knowing. So please do leverage that opportunity to reach out" + + "You being in this project not only gives you the opportunity to raise your talents, but you also unlock one of the biggest factor of the growth of your career, and that is the connections with your fellow software engineers." + + + + + diff --git a/docs/2024-2025-summer/practical-software-engineering-workflow.md b/docs/2024-2025-summer/practical-software-engineering-workflow.md new file mode 100644 index 0000000..b651e94 --- /dev/null +++ b/docs/2024-2025-summer/practical-software-engineering-workflow.md @@ -0,0 +1,97 @@ +--- +title: Practical Software Engineering Workflow +ᴴₒᴴₒᴴₒ: true +--- + +*How software engineer [GSD](https://www.atlassian.com/team-playbook/plays/gsd-day)!* + +## How do software engineers work? +They use **issue/ticket management system** to track their work. + +???+ example "Github Issues and Jira" + The examples are Github Issues and Jira. + + ![github](images/github.png) + ![jira](images/jira.png) + +Listing of issues can be displayed in **kanban boards**. + +???+ example "Kanban Boards" + + ![github-kanban](images/github-kanban.png) + ![jira-kanban](images/jira-kanban.png) + +## Why do Software Engineers Work like this? + + + +???+ info "Scrums" + One example of "agile" ways of working and it looks like this. + ![scrum](images/scrum.png) + +## What is Git? + + +Git is a + +- **version control system** +- tools for **coordinating work for different changes** + +### Main Parts of Git + +Main Parts of git: + +- Change Node (commit node) +- Branch + +![parts-of-git](images/parts-of-git.png) + +### Git Different Versions + +??? info "Software Versions" + ![versioning](images/versioning.png){align=left} + +**Nodes** +- Representation of a change (commits + merge) + +**Main/Master:** +- Branch usually as production or deployed + +**Development Branch** +- Branch used for development +Used for compiling features for a release + +**Feature Branch** +- Branch used for development for a +particular issue + +## GitHub and Code Repositories + +**GitHub** +- Place to hold code repositories + +**Repositories** +- Place where codes are stored with different versions + + +## INTERACTIVE WORKSHOP TIME !!!! +1. Do the following from [codersforcauses/software-engineering-practices-demo-2024-summer](https://github.com/codersforcauses/software-engineering-practices-demo-2024-summer): Demonstration of software engineering practices (github.com): +2. Look at the GitHub issues +3. Assign yourself an issue +4. Clone repo with `git clone https://github.com/codersforcauses/software-engineering-practices-demo-2024-summer.git` +5. Create a branch with the following format s{Issue Number}-{Issue Name}. `git checkout -b {Issue Number}-{Issue Name}` +6. Create the change to satisfy or complete the github issue +7. Commit (package) the change `git commit -m "{insert message here}"` and push git push. +8. Create a pull request and request for a reviewer from CFC peeps + +## Other Resources +- [Git and Github](https://www.youtube.com/watch?v=HkdAHXoRtos) +- [Superpowers Of Git](https://webakari-docs.vercel.app/developers/) \ No newline at end of file diff --git a/docs/2024-winter/introduction-to-web-development.md b/docs/2024-winter/introduction-to-web-development.md index c2f6502..a02c150 100644 --- a/docs/2024-winter/introduction-to-web-development.md +++ b/docs/2024-winter/introduction-to-web-development.md @@ -15,7 +15,7 @@ This workshop covers a brief overview of the most common tools and technologies - [Developer Tools](#developer-tools) - [TypeScript](#typescript) - [Testing](#testing) - - [Continuous Integration / Continuous Deployment](#continuous-integration--continuous-deployment) + - [Continuous Integration / Continuous Deployment](#continuous-integration-continuous-deployment) - [Virtualisation and Containerisation](#virtualisation-and-containerisation) - [Browsers](#browsers) - [Firefox Developer Tools](#firefox-developer-tools) diff --git a/mkdocs.yml b/mkdocs.yml index 2f1a05b..7c9876d 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -112,6 +112,9 @@ nav: - About: - Overview: index.md - Contributions: contributions.md +- 2024/2025 Summer: + - Introduction to Web Development: 2024-2025-summer/introduction-to-web-development.md + - Practical Software Engineering Workflow: 2024-2025-summer/practical-software-engineering-workflow.md - 2024 Winter: - Introduction to Web Development: 2024-winter/introduction-to-web-development.md - Practical Software Engineering Workflow: 2024-winter/practical-software-engineering-workflow.md