Hollie  Ratke

Hollie Ratke

1603252800

Welcome to the WebDev Cave

Welcome to my Computer related Youtube channel, I have launched this channel to share with you all the things I have learned so far in web development, networking, programming and all the aspects that I am interested in concerning the computer world

#webdev

What is GEEK

Buddha Community

Welcome to the WebDev Cave
Hollie  Ratke

Hollie Ratke

1603252800

Welcome to the WebDev Cave

Welcome to my Computer related Youtube channel, I have launched this channel to share with you all the things I have learned so far in web development, networking, programming and all the aspects that I am interested in concerning the computer world

#webdev

Code  Camp

Code Camp

1576633843

APIs Tutorial for Beginners - What, Why and How to Use an API?

What is an API? Learn all about APIs (Application Programming Interfaces) in this full tutorial for beginners. You will learn what APIs do, why APIs exist, and the many benefits of APIs. APIs are used all the time in programming and web development so it is important to understand how to use them.

You will also get hands-on experience with a few popular web APIs. As long as you know the absolute basics of coding and the web, you’ll have no problem following along.

⭐️ Course Contents ⭐️

⭐️ Unit 1 - What is an API
⌨️ Video 1 - Welcome (0:00:00)
⌨️ Video 2 - Defining Interface (0:03:57)
⌨️ Video 3 - Defining API (0:07:51)
⌨️ Video 4 - Remote APIs (0:12:55)
⌨️ Video 5 - How the web works (0:17:04)
⌨️ Video 6 - RESTful API Constraint Scavenger Hunt (0:22:00)

⭐️ Unit 2 - Exploring APIs
⌨️ Video 1 - Exploring an API online (0:27:36)
⌨️ Video 2 - Using an API from the command line (0:44:30)
⌨️ Video 3 - Using Postman to explore APIs (0:53:56)
⌨️ Video 4 - Please please Mr. Postman (1:03:33)
⌨️ Video 5 - Using Helper Libraries (JavaScript) (1:14:41)
⌨️ Video 6 - Using Helper Libraries (Python) (1:24:40)

⭐️ Unit 3 - Using APIs
⌨️ Video 1 - Introducing the project (1:34:18)
⌨️ Video 2 - Flask app (1:36:07)
⌨️ Video 3 - Dealing with API Limits (1:50:00)
⌨️ Video 4 - JavaScript Single Page Application (1:54:27)
⌨️ Video 5 - Moar JavaScript and Recap (2:07:53)
⌨️ Video 6 - Review (2:18:03)

🔗 Course Notes: https://github.com/craigsdennis/intro-to-apis-course/blob/master/course-notes.md

Shirts and Gifts for Your Friends & Loved ☞ https://bit.ly/36PHvXY

#api #webdev #python #javascript #web-development #webdev 

Alexey Kartsev

Alexey Kartsev

1629094487

Python & Django 3.2 Tutorial - Welcome to Try Django 3.2

Welcome to Try Django 3.2 - Python & Django 3.2 Tutorial Series

Try Django 3.2 is a series to teach you the fundamentals of creating web applications with Python & Django by building a real project step-by-step.

#python #django #webdev 

Justyn  Ortiz

Justyn Ortiz

1625113830

i18next: Internationalization for Localize React Apps

react-i18next

IMPORTANT:

Master Branch is the newest version using hooks (>= v10).

$ >=v10.0.0
npm i react-i18next

react-native: To use hooks within react-native, you must use react-native v0.59.0 or higher

For the legacy version please use the v9.x.x Branch

$ v9.0.10 (legacy)
npm i react-i18next@legacy

Documentation

The documentation is published on react.i18next.com The general i18next documentation is published on www.i18next.com

What will my code look like?

Before: Your react code would have looked something like:

...
<div>Just simple content</div>
<div>
  Hello <strong title="this is your name">{name}</strong>, you have {count} unread message(s). <Link to="/msgs">Go to messages</Link>.
</div>
...

After: With the trans component just change it to:

...
<div>{t('simpleContent')}</div>
<Trans i18nKey="userMessagesUnread" count={count}>
  Hello <strong title={t('nameTitle')}>{{name}}</strong>, you have {{count}} unread message. <Link to="/msgs">Go to messages</Link>.
</Trans>
...

Head over to the interactive playground at codesandbox.

📖 What others say

Why i18next?

  • Simplicity: no need to change your webpack configuration or add additional babel transpilers, just use create-react-app and go.
  • Production ready we know there are more needs for production than just doing i18n on the clientside, so we offer wider support on serverside too (nodejs, php, ruby, .net, …). Learn once - translate everywhere.
  • Beyond i18n comes with locize bridging the gap between developement and translations - covering the whole translation process.

ecosystem

Localization workflow

Want to learn more about how seamless your internationalization and translation process can be?

Installation

Source can be loaded via npm or downloaded from this repo.

# npm package
$ npm install react-i18next

  • If you don’t use a module loader it will be added to window.reactI18next

Do you like to read a more complete step by step tutorial?

Here you’ll find a simple tutorial on how to best use react-i18next. Some basics of i18next and some cool possibilities on how to optimize your localization workflow.

Examples

v9 samples

Requirements

  • react >= 16.8.0
  • react-dom >= 16.8.0
  • react-native >= 0.59.0
  • i18next >= 10.0.0 (typescript users: >=17.0.9)
v9

localization as a service - locize.com

Needing a translation management? Want to edit your translations with an InContext Editor? Use the original provided to you by the maintainers of i18next!

locize

With using locize you directly support the future of i18next and react-i18next.


Download Details:

Author: i18next
The Demo/Documentation: View The Demo/Documentation
Download Link: Download The Source Code
Official Website: https://github.com/i18next/react-i18next
License: MIT

#react #web-development #webdev #javascript

Rahul  Gandhi

Rahul Gandhi

1576299623

TypeScript vs. JavaScript: Which One You Should Learn in 2020

This video on “TypeScript vs JavaScript” will compare two of the most prominent scripting languages in the world of Web Development. It will help you understand the basics differences between the working of these two.

#JavaScript #TypeScript #Angular #WebDev