fireship-io / fireship.io Goto Github PK

I'm not able to login through Google Chrome on desktop or mobile. I was able to login to the site through Safari browser but now video are not loading

When viewing a video in fullscreen mode, the "exit fullscreen" button in the bottom right does not work.
Its a minor issue, since most user will exit the fullscreen mode by pressing the escape key.

This happend to me in both chrome and firefox.

https://fireship.io/courses/cloud-functions/

Unhandled error { Error: Bad Request
at Request.http [as _callback] (node_modules/@sendgrid/client/src/classes/client.js:124:25)
at Request.self.callback (node_modules/request/request.js:185:22)
at emitTwo (events.js:126:13)
at Request.emit (events.js:214:7)
at Request. (node_modules/request/request.js:1161:10)
at emitOne (events.js:116:13)
at Request.emit (events.js:211:7)
at IncomingMessage. (node_modules/request/request.js:1083:12)
at Object.onceWrapper (events.js:313:30)
at emitNone (events.js:111:20)
code: 400,
message: 'Bad Request',
response:
{ headers:
{ server: 'nginx',
date: 'Wed, 10 Jul 2019 08:37:24 GMT',
'content-type': 'application/json',
'content-length': '646',
connection: 'close',
'access-control-allow-origin': 'https://sendgrid.api-docs.io',
'access-control-allow-methods': 'POST',
'access-control-allow-headers': 'Authorization, Content-Type, On-behalf-of, x-sg-elas-acl',
'access-control-max-age': '600',
'x-no-cors-reason': 'https://sendgrid.com/docs/Classroom/Basics/API/cors.html' },
body: { errors: [Array] } } }

The manage subscription page on fireship.io (https://fireship.io/dashboard/subscription/) won't load and is stuck on the loader. I have a fast internet connection and can access the page just fine. The problem is that the page is not loading the membership data correctly and is broken.
The image below shows the page stuck in the loading state.

Downloaded the latest repo, performed npm i and eventually npm run dev, there are a bunch of errors like
ERROR: 2019/03/12 22:22:55 general.go:222: Error while rendering page courses/stripe-payments/advanced-webhooks.md: html/template: "courses/single.html" is an incomplete template
ERROR: 2019/03/12 22:22:55 general.go:222: Error while rendering page courses/cloud-functions/callable-frontend.md: html/template: "courses/single.html" is an incomplete template
ERROR: 2019/03/12 22:22:55 general.go:222: Error while rendering page courses/stripe-payments/advanced-coupons.md: html/template: "courses/single.html" is an incomplete template
ERROR: 2019/03/12 22:22:55 general.go:222: Error while rendering page courses/stripe-payments/frontend-angular.md: html/template: "courses/single.html"
Serving pages from memory
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)

Help appreciated, am I missing something here..

Sigining in with Google on the main fireship.io domain redirects me to oauth permission for fireship-app.firebaseapp.com and timesout.

There are no issues if I access the signin function directly from fireship-app.firebaseapp.com.

This is a firebase auth configuration setting which needs to know about the fireship.io domain. Look for "Authorized domains" in https://console.firebase.google.com/project/fireship-app/authentication/providers

https://github.com/fireship-io/fireship.io/blob/master/hugo/content/courses/angular/ssr-seo-service.md

A quick reminder to set the security rules would be helpful here. I forgot to set them, and was confused as to why my test customer document wasn't loading.

I'm guessing this is the rule?

match /customers/{document} {
  allow read;
}

I think it should be possible to manage user data from the Dashboard. Like editing/updating email address, remove credit card details and delete account. These kinds of tasks.

Currently, you must be signed into Slack to comment on a post. I plan to address this by implementing a form that can post to slack via the @question bot.

Much better usage of notifications is when they are being closed after few seconds and you don't need to click dismiss button every time

As the entire site is mainly built for developers with an amazing design resembling an editor, how about adding a shortcut that can open the search window? Something like CTRL+SHIFT+P would be super helpful when browsing the site through keyboard 🙂

Every tag can display a description: https://fireship.io/tags/firebase/

Where: https://github.com/fireship-io/fireship.io/tree/master/hugo/content/tags
How: Create a directory and _index.md that matches the tag name (must be exact kebab case), i.e cloud-functions/_index.md

Then add some frontmatter:

---
title: Firebase
description: Firebase is a badass BaaS giving you functionality like analytics, databases, messaging, cloud functions, and crash reporting so you can develop quickly and focus on your user experience.
link: https://firebase.google.com
---

// Get all rows
const allHippos = await hippos.find();

suppose to be

const allHippos = await hippoRepo.find();

Error on iOS 12.2, after this loading spinner I can see really nice flutter NoSuchMethodError :)

I have downloaded, installed and register to the Fireship iOS App.
Now I cannot perform LOGIN WITH GOOGLE on the web.

1. SIGNUP with my email does not work. Reason: "The email address is already in use by another account."
2. LOGIN WITH GOOGLE (same email) does nothing.

https://fireship.io/courses/cloud-functions/

When summarizing the course unintentional misspell happened:

"Event-driven Background FunctionsF".

Hi,
seems section page did not support pagination ?

When creating a new account for firebase.io, an error occurs when you add special characters like !@#$% into your password. The code responsible for that is in fireship.io/components/src/app/users/email-login/email-login.component.ts specifically line 30 where the the regex is done:
Validators.pattern('^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]+)$'),
It only allows letters and numbers.

Might enhance usability for tablet and phone, to have the whole card clickable on the quick snippets page.

Thanks for your wonderful codes ! Successfully built in localhost .

But when I try to build this project in github action according to the tutorial written by @marcjulian , some errors occured when npm run build command executed . More specifically in building components .

Built at: 02/25/2019 2:01:44 PM
                           Asset      Size  Chunks             Chunk Names
css/app.dda5e697d526c6425cb7.css  54.7 KiB       0  [emitted]  app
  js/app.dda5e697d526c6425cb7.js  8.59 KiB       0  [emitted]  app
Entrypoint app = css/app.dda5e697d526c6425cb7.css js/app.dda5e697d526c6425cb7.js
[0] ./design/index.ts 2.69 KiB {0} [built]
[1] ./design/styles.scss 39 bytes {0} [built]
    + 2 hidden modules
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/sass-loader/lib/loader.js!design/styles.scss:
    Entrypoint mini-css-extract-plugin = *
    [0] ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./design/styles.scss 74.3 KiB {0} [built]
        + 1 hidden module

> [email protected] build:components /github/workspace
>>>> cd components && npm run lint && npm run build


> [email protected] lint /github/workspace/components
> ng lint

>>>> sh: 1: ng: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] lint: `ng lint`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the [email protected] lint script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     /github/home/.npm/_logs/2019-02-25T14_01_45_407Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build:components: `cd components && npm run lint && npm run build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build:components script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /github/home/.npm/_logs/2019-02-25T14_01_45_433Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] fbuild: `rm -rf public && npm run build:design && npm run build:components && npm run build:hugo`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] fbuild script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /github/home/.npm/_logs/2019-02-25T14_01_45_457Z-debug.log

### FAILED Build 14:01:49Z (11.091s)

Same error as build in Netlify . Could you please give some suggestions about this case . Should I ?

• Add node_modules/.bin to the PATH
• Make a script in package.json
• Install angular-cli globally

Thank you and marcjulian !

HTML markup is inefficient and unused in places.

Move the <head> section in baseof.html in another partial to make baseof.html shorter and easier to read.

On large screens the video player seems unnecessarily large, it would be cool if we could shrink it down and make it so when the page is zoomed out the player doesn't continue to fill the whole page.

Additionally the large player doesn't always fit on wide screens:

Currenly, Lighthouse score for SEO is 91. We can probably make it to 100 if we update the text to something else.

More info:
https://developers.google.com/web/tools/lighthouse/audits/descriptive-link-text

Hi,
I subscribed quarterly, but after I logged in, I can not access courses, it says - choose a plan.

Am I deleted?

Cheers,
Ivan

Link to invoice -- > https://dashboard.stripe.com/emails/receipts/invrc_1EIxpXBF7AptWZlcrWvy9L2h

if you check twitter card for URL https://fireship.io/contributors/jeff-delaney/ Image url is something like this https://fireship.io/contributors/jeff-delaney//img/contributors/jeff-delaney.png which is wrong.

Card Check: http://debug.iframely.com/?uri=https%3A%2F%2Ffireship.io%2Fcontributors%2Fjeff-delaney%2F

Most of the website doesn't work on Edge (not everyone uses Chrome...)

Have made pull request to fix it.

https://fireship.io/snippets/

Current State: "Quick Snippents and Code Samples"

Proposed State: "Quick Snippets and Code Samples"

Youtube channel brought me here.

Your content is ridiculously good - thank you!

Using an ultra-wide screen and as seen in the image below the video displays on the left side, while consuming the entire width, leaving an awkward black box to the right:

Would suggest having the video play from the center of the page and either display equal amount of black space on either side, or better: don't display the black areas at all.

Hi, I noticed that under latest video, only the recent 6 videos show up on the website. I'm new to the channel so I am not certain if you have more than one course but only one loads up on the site (the cloud functions tutorial)

.

There's a slight component name mismatch between the kanban sample app and the docs:

App has a boards-list component:
https://github.com/fireship-io/fireship.io/blob/master/hugo/content/courses/angular/kanban-drag-drop.md

Docs refer to it as board-list component:

https://github.com/fireship-io/fireship.io/blob/master/hugo/content/courses/angular/kanban-drag-drop.md

says "Traning and Consulting for App Developers"

Also, I would consider not filling the whole screen when you click on the search icon and having the icon change to an X after you click it, basically making it so you can engage and disengage the search quickly without having to move your mouse clear across the screen to click the cancel button.

Beautiful site though. Very well done.

The speed setting on the video player seems to be unchangeable. I've tried various browsers but the problem persists. As a temp fix I've been using opening the src link of the video-player directly from the source code in a new tab, and using the Video Speed Controller chrome extension.

@codediodeio Please open this site in Internet Explorer to get the understanding of the scenario. I can watch all your Pro Member videos in Internet Explorer for Free.

PS: I am a Pro Member and thanks for all your content on Youtube and Fireship

There is a typo in course layout & also one lesson is not uploaded correctly and one lesson is duplicated.

Lesson 14 is Duplicate of lesson 10

Lesson 14 & 15 is not uploaded correctly

Running npm build inside components returns 404 when downloading from https://fireperffw.firebaseapp.com/firebase-performance-0.1.0.tgz

Hi, I'd recommend to use SonarQube which is available for free for open source projects on https://sonarcloud.io. I tried to set it up for you but I can't import a repository that doesn't belong to me.

It's an extremely powerful tool which detects bugs/vulnerabilities and verifies code cov. and It has a very nice documentation for setting up code cov.

I used it in my recent project and it helped me quite a lot with getting code to the "clean" state.
Here's my project: https://github.com/kamilgregorczyk/event-sourced-bank
Here's the dashboard for it: https://sonarcloud.io/dashboard?id=kamilgregorczyk_event-sourced-bank

Search feature is not returning results, getting 403 error in console

{"message":"Operations quota exceeded, change plan to get more Operations.","status":403}

The failed request doesn't seem to be handled as there TypeErrors after this

wc.1547240478251.js:4 Uncaught TypeError: Cannot read property 'hits' of undefined
    at Object.callback (wc.1547240478251.js:4)
    at wc.1547240478251.js:4

Hi there,

i followed the tutorial https://fireship.io/lessons/sendgrid-transactional-email-guide/
and while i execute the command to deploy the function
firebase deploy --only functions

i got the error below

ERROR: /home/weilies/firebase/fb-sendgrid/functions/src/index.ts:34:6 - Promises must be handled appropriately

npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! functions@ lint: tslint --project tsconfig.json
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the functions@ lint script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/weilies/.npm/_logs/2019-09-19T05_17_29_397Z-debug.log

what's the possible reason?

Great video lesson but found the following issues, also could have done with the GitHub repo but couldn't find it:

Instantiating Google Storage

import * as Storage from '@google-cloud/storage';
const gcs = Storage();
// above code generates error
// Solution found
import * as admin from 'firebase-admin';
const gcs = admin.storage();

Dirname

import { join } from 'path'
// if dirname() is going to be used in return bucket.upload then also need to import
// Solution found
import * as path from 'path';
// I guess I could have also used the following instead of importing the whole library
import { join, dirname } from 'path';

tmpFilePath isn't created

await bucket.file(filePath).download({
destination: tmpFilePath
});
// above code fails as tmpFilePath doesn't exist and the above will not auto create it
// Solution found - run below before await bucket.file...
await fs.ensureDir(path.dirname(tmpFilePath);

dirname

return bucket.upload(tmpAvatarPath, {
destination: join(dirname(filePath), avatarFileName)
}
// above code fails as dirname method isn't imported in example
// Solution found
import * as path from 'path';

return bucket.upload(tmpAvatarPath, {
destination: join(path.dirname(filePath), avatarFileName)
}

Error serializing return value: TypeError: Converting circular structure to JSON

Error serializing return value: TypeError: Converting circular structure to JSON thrown when function runs on GCP
// Solution found:
return bucket.upload(tmpAvatarPath, {
destination: join(path.dirname(filePath), avatarFileName)
}).then(() => null);

Social links are quite small on small screen.

Paid through TinyPass for a quarterly firebase.io subscription, but unclear how to login to fireship.io. It seems I created a TinyPass username and password, but that is not the same as fireship.io login. Now I have a login to fireship.io with "basic" membership, even through I paid.

Error: Specified public directory 'public' does not exist, can't deploy hosting to site testing-houston2

After trying to deploy my site to a testing hosting target, I followed the tutorial, and this is what I ended up with.
I'm running Angular@latest

Error: Specified public directory 'public' does not exist, can't deploy hosting to site testing-houston2

Perhaps you meant the dist directory for Angular users? I'm not even sure.

https://fireship.io/courses/cloud-functions/intro-course-resources/

"I recommend following along and writing your own code from scratch, but the source code is available on Github as a reference"

"But" was intended, sadly a letter "t" is missing.

There should be an option to turn on autoplay for playlist

A request that you update the code example The FCM notifications guide which assumes that notifications come in this format:
content: Text(message['notification']['title']),

But this information is not sent to real devices in-app (only if closed app), but curiously is sent to the simulator in-app! So this works for testing, but not in production.

If you want to read title/message in-app we are advised by Firebase to send them as key-value pairs:

"If you wish to get these details, you will need to use the optional data payload in the Advanced option section, or just send a message via FCM API. Here's a related Stack Overflow post for more information."