jonasschmedtmann / complete-javascript-course Goto Github PK

//this is the code that i used but it is showing error and not working and i am not able to find out the error.Can you please help me with @jonasschmedtmann
//the number of current -0 is not changing at all
var scores, roundScore, activePlayer, dice;
scores = [0, 0];
roundScore = 0;
activePlayer = 0;

dice = Math.floor(Math.random() * 6) + 1;
document.querySelector('#current-' + activePlayer).textContent = dice;

<div class="likes"> <div class="likes__field"> <svg class="likes__icon"> <use href="img/icons.svg#icon-heart"></use> </svg> </div>

Hi,
It is not an issue yet, but the site food2fork.com is going to be shutted down on November 30th, 2019(Info about it here: https://www.food2fork.com). I know, you have created your own API, but the images are stored on their server, so we won't be able to access them after November 30th.

Maybe the API is changed. Please update. Thanks

Hello,

There is an issue when it comes to the data structure (array) of the incomes and expenses. It is causing an error when trying to account for the length being zero. I copied your final version of code to see if it would run and it is not. Please see below for reference.

Uncaught TypeError: Cannot read property 'length' of undefined
at Object.addItem (app.js:65)
at HTMLButtonElement.ctrlAddItem (app.js:410)

Thanks,
Jeremy

Hello how are you i hope all ok
for The Complete JavaScript Course 2020 Build Real Projects
the first project hello world ( consol message i did all )
but console not showing any message?
2- for add script.js it shows error message
console was used before was defined?
thanks

Hi Jonas,

I just bought your course, and downloaded these source files. I then created my own (new) git repository, and promptly received a number of alerts from Github:

I haven't checked the source code yet, but maybe some dependencies need to be updated?

Thanks in advance, and I'm eager to start your course right now :-)

this is the limit recipe function
const limitRecipeTitle=(title ,limit=17)=>{
const newTitle=[]
if(title.length> limit){
title.split(' ').reduce((acc,cur)=>{
if(acc +cur.length<=limit){
newTitle.push(cur)
}
return acc + acc.length
},0)
console.log(newTitle)
return ${newTitle.join('')} ...
}
return title
}

this is the function call inside the markup

${(limitRecipeTitle(recipe.title))}

The code for challenges.js doesnot work. I have tried many times but I cannot solve the error. Please HELP ME!!

hi
in project forkify API for Food2Fork don't work any more
cheers

Consle is not defined errors in eslint (brackets ide)

unable to download js starter

In this line needs to pass only "currentAccount"... not "currentAccount.movements"

The solution listed on page 10 for Lecture Strings and Template Literals is incorrect. The image shows the solution for LECTURE: Taking Decisions: if / else Statements. The correct solution is missing.

I forgot how to open the teaching part of the course. I found my script.js but can't find the teaching part. Could you please instruct me on how to reach it? I would greatly appreciate it.

Before we even coding, the part where Jonas enters some random numbers around 1:10min mark on lecture 70, it doesn't work for me. after i enter a number between 1-20, nothing happens. any help?

Good day Mr. Jonas,

I've been playing around with forkify app to see the final project we're gonna be building. Unfortunately, it's not operating as it should be. Probably because they updated their API at Food2Fork.com.

Amazing course by the way! Thanks.

How to load package from github

hi, i have downloaded the files via zip but they wont open on vs code because they have been downloaded as firefox. when i try to download zip folder again as vscode, it wont let me. i cant open the index in starter to begin the course in vs code this way. can somebody help please? thank you!

Hi,
In the text file you wrote $375 as second restaurant cost for Mark's family, but in the video you wrote 475 and worked with that.

I am looking forward to more updates on your course <3

Hi,
I purchased your course today 15 Dec 2019, and I see that the API food2fork that you used in one of the projects is dead and closed in November this year. So I think it is time to revise the course and use another API to pull data, so the course is up to date. as is now it is not easy to follow that project without a working API.

I keep getting these errors and I cannot input anything into the console! PLEASE HELP ASAP!

Q2:

... detaiLed ...

Probably something wrong with Metaweather API. It doesn't want to respond.
Error in a console:
'https://crossorigin.me/https://www.metaweather.com/api/location/2487956/' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

The final code is not running on my browser. Also there is no error in the console.
i have added the files. Please help.

Objects and functions.zip

I am having challenge with the first lesson.
(hello world challenge)

I have some errors when i try to run it on internet explorer .

I am using Brackets too and when I tried to open a new script file as you showed in the video "Let's start coding" it says 'console' was used before it was defined. Please help me with that. I'm stuck on that

After downloading the pdf, I could not open it. Got an error message

Hello. I have a problem which I need help with. I am following and watching @jonasschmedtmann full javascript course and everything was nice. I downloaded the ZIP file and it works fine when I open it in files. But when I try to open it Brackets, it doesn't show the index in the file. So I manually opened it with "Open files". I followed the course and everything was okay until we typed our first line of code and then opened the index.html. It wouldn't show the code in the console. I attached some pictures for you to see.

Hello, if you check the second recipe with query ('pizza'), the first ingredient shows weird output, could you please suggest the solution? Thanks

In line 44 and 45 of the index.html in Starter-folder, the class name for "expenses" and "income" should be "inc" and "exp". So the app returns a bug saying it can't read the length of undefined. It's looking for "income" instead of "inc".

Failed to load resource: the server responded with a status of 403 (Forbidden) - This message shown even after using http://cors-anywhere.herokuapp.com/. @jonasschmedtmann please look into this issue

function tipcalculator(bill){

switch(bill){
    case bill<50:
        return 0.2*bill;

        case bill>50 && bill<200:
            return 0.15*bill;

            default:
                return 0.1*bill;
}

}

console.log(tipcalculator(48));
console.log(tipcalculator(124));
console.log(tipcalculator(268));](url)`

Just taking your complete JavaScript course. But find out that crossorigin.me for fetching is no accessible please how I can get the problem solve

JSLint error - 'console' was used before it was defined
and a
errors showing in Javascript.pdf
host of other errors in ESLint

I think the food2fork site is down, I am unable to login into the site and receive the api key to continue with the course.

Hello Jonas,
I am a great fan and student of you from Pakistan. Actually, I have installed Brackets for HTML, CSS and JS. But, I am unable to enable the autocomplete option for JS. Which extension or way, you can recommend solving this issue.
Thank you.

In the forkify project, on final/src/js/views/searchView.js file, the function renderButtons will return null and it will be printed on the page. I think the problem it's a lack of option to not print any button in case there isn't more than one page of results.

I'm not seeing the model and views folder

when i load index.html from starter folder..I can not play the game as it is being played in the videos.Like the buttons are freeze on the page..
Any help is appreciated :)

Hello Jonas,

I need your help to do this project. when I am trying to install Webpack it showing me error use chokidar 3 (chokidar will break on node14 u need node v 8 ) . I upgraded it with chokidar 3 but the error didn't go and again when I try to run dev it showing me error.
I am trying to solve this problem for three days. Please help me.

Thank you.

I understand why you removed the focus outline, it's attention grabbing and doesn't mesh well with the design of the page. You are doing your best to provide real world apps, by providing competent UI. However by removing the focus outline, this continues the bad practice of developers of removing the outline, therefore frustrating users that interact the page by the keyboard.

When a user tries to navigate the Pig Game or Forkify by using Tab on the keyboard, they will be completely lost, since there's no visual feedback.

But allowing focus outline is ugly and distracting for users that interact with a mouse. So here's a middle ground, don't allow the outline to show when clicking, but display it when focused by the keyboard. There's actually a CSS pseudo class for that, :focus-visible but it has little support and has to be enabled. That's what this javascript library, focus-visible, solves.

On every project, you provide this cdn in the html page,

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/focus-visible.min.js"></script> 

and in the css you provide the following code

/*
  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

However from a course perspective, I understand this is not a clean solution, since every starter project will have this ugly cdn script, which could break, and therefore show that pesky outline on mouse clicks again. I understand if you choose not to do this.

At the minimum, in the final Forkify project, provide the focus-visble library as package instead of a cdn, since your students already understand and are comfortable using npm packages, and briefly explain what this library solves. Even though this is a JS course, I think it would be a good exposure on being aware of web accessibility.

Its not an issue but a query

`// Lecture: Bind, call and apply

var john = {
name: 'John',
age: 26,
job: 'teacher',
presentation: function(style, timeOfDay) {
if (style === 'formal') {
console.log('Good ' + timeOfDay + ', Ladies and gentlemen! I'm ' + this.name + ', I'm a ' + this.job + ' and I'm ' + this.age + ' years old.');
} else if (style === 'friendly') {
console.log('Hey! What's up? I'm ' + this.name + ', I'm a ' + this.job + ' and I'm ' + this.age + ' years old. Have a nice ' + timeOfDay + '.');
}
}
};
var emily = {
name: 'Emily',
age: 35,
job: 'designer'
};

var johnFriendly = john.presentation.bind(john,null, ,'morning');
johnFriendly('friendly');`

Is there any way to fix the second parameter ?

In first lesson getting console to show typed text, my IE browser console window does NOT
show the Hello World! from opening the file index.html:

<body>
    <h1>Section 2: JavaScript Language Basics</h1>
</body>

<script>
     console.log('Hello World!');
</script>

HOWEVER, If I open the file using Chrome, the Hello World! appears in the console.

Do I have to modify IE browser to show text in the Console? Why doesn't it work with IE?