liveWeatherJS

la météo en une ligne de code ! Sans Jquery !

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour, mon pseudo est Wikijou, je suis jeune développeur HTML, CSS et surtout JS ! (Je précise que cette présentation est quasiment copié collé de l'autre site là qui propose des certificats).

En savoir plus sur le projet

Genèse

La bibliothèque est née aujourd'hui même (06/09/2015) ! Je l'utilisait pour un projet personnel et je me suis dis que la partager pourrait aider les gens alors, me voilà !

Généralités et avancement

Alors, le principe de la bibliothèque est très simple , en une seule ligne de code, on peut afficher la météo sur son site; il suffit de choisir la ville, la langue, l'unité (Celcius ou autre) et la classe du paragraphe qui contient la météo (pour le styliser après) ! Il faut juste une clé pour l'API openweathermap (gratuit) qui est utilisé dans la bibliothèque. Elle ne nécessite pas Jquery ou une autre bibliothèque contraignante. Les fonctionnalités sont donc simplicité, légèreté et accessibilité !

Objectifs

Mon principal objectif est d'aider quelques personnes qui recherchent un moyen efficace et simple d'afficher la météo sans Jquery ou autre!

Le projet et son originalité

Le projet n'est pas spécialement original, mais les même fonctionnalités que l'on retrouve dans d'autre bibliothèque ne s'utilisent pas de la même manière (Jquery, plus de fonctionnalités, elles nécessitent souvent un réel petit apprentissage). Je ne cherche pas à révolutionner le genre, juste partager un code qui pourra peut-être être utile à quelques personnes !

Le Github

La documentation

Je précise que je ne suis pas très bon en Anglais, donc si vous trouvez des erreurs de langue sur mon GitHub, n'hésiter pas à me le signaler ! (ou même si vous trouvez des erreurs de code)

Merci de m'avoir lu, j'attends vos avis PS: Voici le code pour afficher la météo:

1
var weather = new WeatherFrame(city, lang, unit, apikey, className);

Un exemple:

1
var weather = new WeatherFrame("Paris", "fr", "metric", "examplekey", "weatherpara");

Ce code affichera par exemple: 16* ensoleillé
Il suffira de le styliser de cette façon:

1
2
3
.weatherpara {
//styles css de llément
}

```

Édité par anonyme

+5 -0

J'adhère complètement à ton projet. C'est une libraire JavaScript assez particulière, en effet. Si elle n'est pas pionnière dans ce thème qu'est la météo, elle a au moins l'avantage d'être une alternative beaucoup plus simple à utiliser que simpleWeather.js ou autres par exemple. Étant donné que tu es jeune - comme moi - j'en profite pour te dire que je lève mon chapeau pour toi. :D Sur ce, je n'hésiterai pas une seule seconde pour corriger tes fautes de frappes en anglais - mais bon, comme tu es grand, je suppose que tu en as fait le moins possible. ;) Bonne continuation pour l'évolution du code dans l'avenir ! :)

Édité par Alexandre

+1 -0
Auteur du sujet

Merci beaucoup :D !! et juste pour préciser, quelqu'un sur OC ma dis de le préciser: Ce n'est pas vraiment une bibliothèque, mais une fonction que je met à disposition (pas de constructeur, etc..) c'est un peu un abus de langage :) . Sinon merci beaucoup, si tu as une question sur la "bibliothèque", n'hésite pas :) . Je compte changer le nom de la fonction "jsonp" qui pourrait créer un conflit vu que c'est un nom plutôt courant. Si vous avez des idées de trucs que je pourrais rajouter....

+2 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte