getfutureproof / fp_guides_wiki

All study notes and guides for the futureproof curriculum

Welcome to La Fosse Academy study wiki!

Here you will find guides and notes on the topics covered on the La Fosse Academy coding course.

LAP	Week(s)	Overview
Pre-work	Prep work	Environment setup and getting ready to start our Academy
LAP 1	1 - 3	Foundations: Learn and apply fundamental approaches and transferable skills
LAP 2	4 - 6	Delivery: Build an end-to-end project that solves a problem
LAP 3	7 - 9	Disciplines: Gain deeper understand in a specific area
LAP 4	10 - 12	Integration: Practice interdisciplinary communication & collaboration. Extend cross discipline skills

---

Not sure where to start? How about a complete >> Course Overview <<

fp_guides_wiki's Issues

Repo at 'Setup Docker and VSCode Remote - Containers'

Hello,

I was wondering if this repo is supposed to be working for the time being or not (page not found), regarding trying Docker at Setting up Containers with VS Code.

Thanks,
Dimitris

Logic-in-JavaScript.md bug

I think I found a little bug in the code of the reduce section on the wiki page Logic in JavaScript on Lap 1.

The semi-colon inside the reduce function below causes the code to produce an error:

const prices = [2.99, 4.75, 5.00, 12.99];
prices.reduce((runningTotal, nextValue); => runningTotal + nextValue) 

I've attached the markdown file which fixes the problem.
Logic-in-JavaScript.md

I would have done a PR but couldn't find a way to do this easily on a wiki repo.

Typo in Lap 4 "intro to python"

Many of the biggest tech companies in the world reply heavily on Python

I'm guessing this should be rely

Wiki correction

The wiki page of 'Just Enough JavaScript' has an error in the first section of 'Some Essential Operators'. Please add '+' sign.

Add a + (plus) character to the WarmUP Week Section

WarmUP Week - Section 'Just Enough Javascript'.
Please consider adding a + (plus) sign to the first row of the "Some Essential Operators" Table

Small syntax error

In the page:
https://github.com/getfutureproof/fp_guides_wiki/wiki/JS-Unit-Testing-with-Jest
At the bottom of the page, in the section titled;
Checking your test coverage
The line of code
"test": "jest --watch --silent"
I believe should have a comma at the end, as such?
"test": "jest --watch --silent",

Update Linux Github Documentation

Problems found in: Linux-and-WSL-Setup
The section Generate Personal Access Token is missing from the Linux documentation

The SSH commands are incomplete, a complete solution can be found here with the key points being:

• ssh-keygen -t rsa -b 4096 -C "EMAIL" (note github's solution prefers a different encryption)
• add key to ssh-agent
  • eval "$(ssh-agent -s)"
  • ssh-add ~/.ssh/KEY

I would also suggest booting ssh-agent using .bashrc

Unable to clone repo locally

$ git clone https://github.com/getfutureproof/fp_guides_wiki.wiki.git
Cloning into 'fp_guides_wiki.wiki'...
remote: Enumerating objects: 1715, done.
remote: Total 1715 (delta 0), reused 0 (delta 0), pack-reused 1715
Receiving objects: 100% (1715/1715), 440.22 KiB | 4.40 MiB/s, done.
Resolving deltas: 100% (1093/1093), done.
error: invalid path 'Testing-React:-Jest-and-Enzyme.md'
fatal: unable to checkout working tree
warning: Clone succeeded, but checkout failed.
You can inspect what was checked out with 'git status'
and retry with 'git restore --source=HEAD :/'

to many colons

In the Redux wiki, in the create a reducer section, the switch statement seems to have extra colons for each case.

default used twice

In the Redux wiki, in the section Make some action creators, the example uses the default keyword twice in the same file.

Syntax issue, placement of closing string tick

On the page
https://github.com/getfutureproof/fp_guides_wiki/wiki/JavaScript-API-Frameworks
In the section
Creating a server
the line:
server.listen(port, () => console.log(Express departing now from http://localhost:${port}`!))`
has the end tick in the wrong place, should be
server.listen(port, () => console.log(Express departing now from http://localhost:${port}!`))`

Also:

Same page, in Adding Routes

server.get('/cats', (req, res) => res.send(cats);
is missing an end bracket
server.get('/cats', (req, res) => res.send(cats));

missing ":"

Referring to oop

class Genie():
    def __init__(self, name)
        self._name = name

blue = Genie('Robin')

line 2 has missing ":"

Improvements to Django content

I have a few suggestions for the Django content here (https://github.com/getfutureproof/fp_guides_wiki/wiki/Django). Github doesn't allow you to make PRs for wikis otherwise I would have made and proposed changes that way

• View functions' first argument is conventionally request rather than req

• render() conventionally takes (request, <template name>, context) as its arguments, where context is a dictionary. In your register() function it instead uses data

• For class Dog, the field breed, needs null=True for on_delete=models.SET_NULL to be valid

• In the 'User registration & authentication' section, there is a typo with UserSignupFormm having an extra m

• In the 'Protecting routes' section, the profile() function won't work. It should be req.user.username (which really should be request.user.username according to my first bullet point)

Wrong code example in section "Javascript in the Browser" (LAP 1)

I believe the code inside the paragraph "getElementsByTagName" is wrong.
That code was used inside the previous paragraph, called "getElementByClassName".

Please consider updating it with the appropriate code.

Suggestion:

document.getElementsByTagName = ("li")

Wrong weeks assigned to laps

Lap 2 assigned weeks 8-10, while lap 3 assigned 5-7.

Syntax Error: Script Closing Tag missing /

<!-- in index.html -->
<script defer src="bundle.js"><script>
<!-- Update bundle location as required -->

Missing comma in the webpack.config.dev.js setup

In the Intro to Module Bundlers and Webpck repo:

const config = require('./webpack.config.js');

config.devServer = {
  historyApiFallback: true, //serve a previous page on a 404 error
  port: 8080, // use this port for the server
  liveReload: true // refresh the browser when changes are saved
  open: true, // open the project in the browser when the server starts
};

config.devtool = 'inline-source-map'; // a tool to find errors in the compiled code, but show them against the source code for easier debugging

module.exports = config;

There should be a comma after liveReload: true

Broken link for the Socket.io Cheatsheet

Futureproof wiki - Intro to Socket.IO.
The link to the socket.io cheatsheet is broken.
Please consider updating it to the new version located at:

V3 -> https://socket.io/docs/v3/emit-cheatsheet/

V4 -> https://socket.io/docs/v4/emitting-events/