Quel est l'ESSENTIEL à apprendre en code ?

Mise en situation : tu viens de te faire embaucher comme dev junior mais tu ne sais RIEN faire en code…

Voici comment je reprendrai tout de 0 ❤️‍🔥

👇 #thread #rt
L'ESSENTIEL du code c'est vraiment la base des choses qu'il faut savoir

Je vais te transmettre le début mais la liste est longue !

⚠️ C'est une liste *non exhaustive* des choses à apprendre
Être développeur c'est bien plus long et complexe que ça, sans parler des soft skill
1. La compréhension des variables, des références et de comment un code fonctionne

Que tu veuilles faire du front, du back, du mobile ou de l'app, il te faudra comprendre cette base-là

C'est pour ça que l'école 42 commence par le C par exemple
1.2 Pour faire du C, tu es obligé de bien comprendre comment gérer les variables et surtout comprendre les pointeurs

Une référence est un alias, c'est un autre nom pour une variable déjà existante. Une référence, comme un pointeur, sert également à stocker l'adresse d'un objet.
1.3 Bref souvent en comprenant les pointeurs + références les futurs problèmes en JS avec les deps array en React ou le
`[] === []` = false
n'auront plus aucun secret pour vous

trop de personnes ne captent pas ce genre de chose car ils sont passé à côté de l'essentiel
2. L'algorithmie et la logique algorithmique

L'essentiel c'est de bien comprendre les bases de l'algorithmie

Avec les boucles, les ifs, les matrix, les fonctions récursives, le filtre etc.

Oui, tu peux faire sans mais avoir cette logique fait partie de l'essentiel
2.1 Tu ne peux pas perdre cette logique après 4 ans.

C'est qqch d'appris une fois, une façon de penser, un mindset

Enfin c'est super utile

Je dis pas qu'il faut être un crack du futur mais savoir recoder .map .reduce .filter etc... soit même c'est l'essentiel
3. Le web (http.s / method / response / json / text / certificat)

Peu importe que tu fasses un jeu, un site web, une app ou même un soft, tu dois comprendre le web

Pour ça il faut avoir une vision un peu globale sans connaître les détails du fonctionnement réseau
3.1 Connaître à quoi servent les certificats, comment sont sécurisées les app, le chiffrement, la sécurité etc...

Avoir une bonne compréhension des méthodes HTTP est aussi essentiel pour pouvoir créer des api et les utiliser !

Pas besoin de tout savoir encore une fois !
4. Être curieux et poser des questions

Pour moi c'est l'essentiel. Être curieux. Infiniment curieux !

Poser des questions encore et encore jusqu'à que tu comprennes.

Quand j'aide un personne et qu'elle ne me pose pas de questions, je sais qu'elle va galérer
Alors que celui qui me pose beaucoup de questions c'est la preuve qu'il apprend actuellement

Qu'il ne prend pas ce que je lui dis mais qu'il essaie de la comprendre.

C'est un sujet vaste et c'est le sujet de ma newsletter de dimanche : melvynx.com/emails
Merci de me lire,

Follow @melvynxdev

Voici mon dernier thread :

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Melvyn • Développeur

Melvyn • Développeur Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @melvynxdev

Jul 17
11 questions avec les réponses pour te préparer à un entretien d'embauche pour faire du React ! #thread 👇
0. Préambule

Évidemment connaître les réponses, c'est bien, mais si tu ne les comprends pas c'est inutile

Avec ce thread, je t'incite À COMPRENDRE et À RECHERCHER des réponses en TESTANT toi-même !

Si tu sais déjà tout c'est que tu es prêt, sinon tu vas apprendre des trucs :p
1. C'est quoi le virtuel DOM ?

C'est une représentation virtuelle du DOM virtuel gardé en mémoire, il est synchronisé avec le DOM réel avec ReactDOM

Il a l'avantage de check quel endroit doit être update et il update uniquement ces parties

programmingwithmosh.com/react/react-vi…
Read 15 tweets
Jul 16
J'adore les illustrations pour rendre mes sites vivants !

Je te partage 5 ressources ❤️ Image
N’hésitez pas à partager vos meilleurs ressources en commentaire 🚨

Illustration builder - sapiens.ui8.net/9m5o3r2

Si tu te dis que les illustrations c'est nul car pleins de gens ont les mêmes, ici tu peux tout custom !
Blush.design - blush.design/collections

Celui la il est god tier

tu peux faire les trucs que tu veux comme tu veux

j'aime bien pouvoir custom ça rend une touche original à ton site web !
Read 7 tweets
Jul 8
Tu veux avoir un terminal d'ultra bg en trans sur leur config ?

En plus, tu vas gagner du temps car on utilise tous le terminal !

- auto-complete
- colorisation
- recherche dans l'historique

Petit tuto mais informe-toi aussi de ton côté !

#RT ❤️

👇 #thread #terminal #ide
1. Il faut utiliser zsh

bash ne permet pas de faire ça

zsh est bien mieux

sur Mac c'est par défaut sur linux je sais pas

sur windows il faut avoir WSL puis installer zsh (google is your friend)
2. install iterm ou autre terminal moderne

iterm2.com

j'aime beaucoup iterm car il est natif et fonctionne très bien

il a des options bien cool
Read 11 tweets
Jul 7
J'en vois beaucoup qui galèrent avec React…

Car ils font une app avant de comprendre la base

On va faire du React dans un fichier HTML, sans JSX pour comprendre cmt ça marche

#RT ❤️

Petit thread 👇 #thread #react + une vidéo YTB pour tout comprendre
Donc React c'est une library JavaScript où tout est JavaScript !

C'est possible de faire du React super facilement sans même Next / CRA etc...

On a l'impression que pour l'utiliser c'est lourd, mais avec 26 lignes de code l'app est ready
Qu'y a-t-il dans cette app ?

Une div #root qui est la div dans laquelle React va afficher le rendu

Ensuite avec les CDN de React reactjs.org/docs/cdn-links… on ajoute React et ReactDOM !

Puis, dans un script, on récupère le RootElement avec du JS basique
Read 14 tweets
Jul 6
Chrome est l’outil principal du dev, évite de perdre du temps avec 5 extensions Chrome utiles 👍
Voici les extensions que j'utilise sur chrome, un thread 👇
1. Save to notion chrome.google.com/webstore/detai…

sauvegarde chaque petit article avec des tags comme @benjamincode en a fait le tutoriel

c'est ultra important pour ta veille et pour retrouver les sites qui t'ont fait kiffer
@benjamincode 2. wappalyzer.com

Espionne les technos que tes sites préférés utilisent

Exemple pour twitter Image
Read 7 tweets
Jul 1
Tout le monde sait ce qu'est `width` en CSS ?

Mais connais-tu ?

width: fit-content
width: min-content
width: max-content

J'ai pris longtemps avant de les connaître moi !

Et, je n'ai pas envie que ce soit ton cas...

#RT ❤️

👇 #thread #css #web
0. Comment fonctionne width

Contrairement à la height, la width prend par défaut toute la place disponible !

Alors que la height ne prend que la place minimum !

Pourquoi ? Ce sera le sujet d'un autre Thread

En fait, la valeur par défaut de width est « auto »
Donc quelle valeur peut prendre width ?

1. des mesures (100%, 100px, 1rem)
2. Keywords (auto, fit-content, max-content, min-content)

Let's explore the keywords !
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(