Ассаламу алейкум всем :D
Я только что закончил свой четвертый и последний проект Промежуточные проекты разработки интерфейса на freecodecamp, и в этом посте я опишу эти часы, инструменты, возможно, упомяну некоторые строки кода и ОШИБКИ. .

Для первого проекта Построить машину случайных цитат:

Я использовал API для генерации цитат из фильмов с https://www.mashape.com/, а использование Postman — самый простой способ работы с API в целом. для файла .js я думаю, что это было легко и не было ошибок, но раньше у меня были проблемы с использованием кнопки Поделиться в твиттере, текст твита не менялся каждый раз, когда я меняю его в коде, но теперь мне нужно решить эту проблему один, если вы хотите использовать стиль кнопки Поделиться в Твиттере, а другой, если вы хотите использовать свой стиль:

 //SOL-1: you have to reload twitter share button twttr.widgets.load(); 
//SOL-2: you have to write all text, hashtags, everything in href “`https://twitter.com/intent/tweet?text=${text}&hashtags=${hashtag}&via=${twittername}`"

Примечание.в предыдущем коде я использовал функцию ES6 ` ${ } ` для записи переменных, она похожа на «str «+var+» str».

вы, возможно, не знаете, как получить случайное число в диапазоне, простой способ:

var index = Math.floor(min + (Math.random() * ((max — min) + 1)));

Проект на гитхабе

Для второго проекта Покажи местную погоду:

Я использовал этот API https://fcc-weather-api.glitch.me/ с помощью почтальона. Единственная ошибка, с которой я столкнулся, это было ужасно, но у меня есть простое решение, чтобы справиться с этим, не исправляя его, вот проблема Значение заголовка Access-Control-Allow-Origin в ответе не должно быть подстановочным знаком *, если режим учетных данных запроса включить. если вы работаете в Windows просто откройте CMD и напишите эту строку, чтобы открыть chrome без защиты
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="c:/chromedev"
или Linux
sudo google-chrome --no-sandbox --disable-web-security --user-data-dir="/opt/google/chrome"

здесь вы можете включить определение местоположения на устройствах

if (“geolocation” in navigator) { navigator.geolocation.getCurrentPosition(function(position) { func(position.coords.latitude, position.coords.longitude); }); } else { // geolocation isn’t available }

Проект на гитхабе

Для третьего проекта Создать средство просмотра Википедии:

В Википедии самая замечательная система API, которую я когда-либо видел, может быть, потому, что я не пробовал все системы API, но я думаю, что использовать любую из них нелегко. но попробуйте по этой ссылке, и вы можете открыть случайную статью, используя эту ссылку, ничего не говоря об этом проекте, вы можете увидеть мой прогресс здесь

Для четвертого проекта Использование Twitch.tv JSON API Complete:

Мне этот проект совсем не нравится, и я считаю его совершенно бесполезным. Хорошо, вы можете видеть что я сделал.

"Мой блог"