Difference between revisions of "Digital Portfolio"

Revision as of 19:05, 18 August 2022

Within these castle walls be forged Mavens of Computer Science ...

— Merlin, The Coder

A digital portfolio is an authentic, intentional, organic multimedia exhibit of student growth, self-reflection, talent, and achievement - both for oneself and for others (teachers, parents, guardians, colleges, potential employers, etc.)

Create your Digital Portfolio on GitHub[edit]

To get started, be sure to set up your SSH key as described in Token Allocation.
Create a new repository on GitHub named <username> .github.io, replacing <username> with your GitHub username. Do not add any files to the repository.

Create your Digital Portfolio on the Server[edit]

1. Create a new directory named Digital Portfolio in your home directory

jane-williams@codermerlin:~$ mkdir "Digital Portfolio"

2. Create a link to the new directory from your www directory, which is the only directory from which your web server will serve files

jane-williams@codermerlin:~$ cd ~/www

jane-williams@codermerlin:~$www ln -s ~/Digital\ Portfolio "Digital Portfolio"

3. Create a file to set the permissions of both directories to allow the web server read and traverse access

jane-williams@codermerlin:~$ emacs setPermissions.sh

Into this file, place:

#!/bin/bash
chmod -R a+rX ~/www ~/Digital\ Portfolio

Save the file and exit emacs.

4. Execute the script anytime that you add a new file

jane-williams@codermerlin:~$ ./setPermissions.sh

5. Create an index.html File

jane-williams@codermerlin:~$ emacs setPermissions.sh

Into this file, place:

    <html>
        <body>
            <p>Hello, world!</p>
        </body>
    </html>

Save the file and exit emacs.

6. Create a .gitignore File

jane-williams@codermerlin:~$ emacs .gitignore

Into this file, place:

*.sh

Save the file and exit emacs.

7. Add and commit the files

jane-williams@codermerlin:~$ git add .gitignore index.html

jane-williams@codermerlin:~$ git commit -m "First commit"

8. Add the GitHub remote location as an origin for the local repository

jane-williams@codermerlin:~$ git remote add origin git@github.com: <username> / <username> .github.io.git

@@ Line 3: / Line 3: @@
 == Create your Digital Portfolio on GitHub ==
 # To get started, be sure to set up your SSH key as described in [[GitHub#Token_Allocation|Token Allocation]].
-# Create a new repository on GitHub named ''<username>'''''.github.io''', replacing ''<username>'' with your GitHub username.
+# Create a new repository on GitHub named {{Placeholder|username}}.github.io, replacing {{Placeholder|username}} with your GitHub username. Do not add any files to the repository.
+== Create your Digital Portfolio on the Server ==
+. Create a new directory named '''Digital Portfolio''' in your home directory
+{{ConsoleLine|jane-williams@codermerlin:~$|mkdir "Digital Portfolio"}}
+. Create a link to the new directory from your '''www''' directory, which is the only directory from which your web server will serve files
+{{ConsoleLine|jane-williams@codermerlin:~$|cd ~/www}}
+{{ConsoleLine|jane-williams@codermerlin:~$www|ln -s ~/Digital\ Portfolio "Digital Portfolio"}}
+. Create a file to set the permissions of both directories to allow the web server '''read''' and '''traverse''' access
+{{ConsoleLine|jane-williams@codermerlin:~$|emacs setPermissions.sh}}
+Into this file, place:
+<syntaxhighlight lang="bash">
+#!/bin/bash
+chmod -R a+rX ~/www ~/Digital\ Portfolio
+</syntaxhighlight>
+Save the file and exit emacs.
+. Execute the script anytime that you add a new file
+{{ConsoleLine|jane-williams@codermerlin:~$|./setPermissions.sh}}
+. Create an index.html File
+{{ConsoleLine|jane-williams@codermerlin:~$|emacs setPermissions.sh}}
+Into this file, place:
+<syntaxhighlight lang="html">
+    <html>
+        <body>
+            <p>Hello, world!</p>
+        </body>
+    </html>
+</syntaxhighlight>
+Save the file and exit emacs.
+. Create a .gitignore File
+{{ConsoleLine|jane-williams@codermerlin:~$|emacs .gitignore}}
+Into this file, place:
+<syntaxhighlight lang="cfg">
+*.sh
+</syntaxhighlight>
+Save the file and exit emacs.
+. Add and commit the files
+{{ConsoleLine|jane-williams@codermerlin:~$|git add .gitignore index.html}}
+{{ConsoleLine|jane-williams@codermerlin:~$|git commit -m "First commit"}}
+. Add the GitHub remote location as an origin for the local repository
+{{ConsoleLine|jane-williams@codermerlin:~$|git remote add origin git@github.com:{{Placeholder|username}}/{{Placeholder|username}}.github.io.git}}