From 324393c80d454e66b75da33f5e3f13e7adff1e84 Mon Sep 17 00:00:00 2001 From: Arthur DANJOU Date: Tue, 5 Sep 2023 00:08:33 +0200 Subject: [PATCH] add new articles --- src/content/writing/how-i-start.md | 64 +++++++++++++++++++++++++++++ src/content/writing/new-website.md | 65 ++++++++++++++++++++++++++++++ src/content/writing/test-2.md | 64 ----------------------------- src/content/writing/test.md | 27 ------------- 4 files changed, 129 insertions(+), 91 deletions(-) create mode 100644 src/content/writing/how-i-start.md create mode 100644 src/content/writing/new-website.md delete mode 100644 src/content/writing/test-2.md delete mode 100644 src/content/writing/test.md diff --git a/src/content/writing/how-i-start.md b/src/content/writing/how-i-start.md new file mode 100644 index 0000000..c0dffa1 --- /dev/null +++ b/src/content/writing/how-i-start.md @@ -0,0 +1,64 @@ +--- +slug: how-i-start +title: 'How do I start programming?' +description: 'Description de test' +publishedAt: '04 September 2023' +readingMins: 5 +--- + +## Presentation + +Many ask me how I started development, what training did I take and why did I start? +Here is the article that allows you to discover everything. + +## Summary + +- How did it all begin? +- And the web in all this? +- What training did I follow? +- What am I capable of achieving today? +- How do I see my future in this area? +- Conclusion + +## 1. How did it all start? + +Being a video game player and very curious, I inquired about how a video game worked. +At that time I was playing Minecraft, so I discovered the existence of development and my first programming language: **Java**. +So I wanted to add my personal touch and my creativity to the community. Therefore, I learned to use this language, the syntax, and all that goes with it. +So I installed my first development environment and started with very small projects. + +## 2. And the web in all this? + +It was much later that I became aware of the vastness of the web domain. As I got interested in this new field, I learned new programming languages: **JavaScript**, **HTML**, and **CSS**. +These languages were much easier to learn because I had a good foundation in programming. I trained as much in `Front` as in` Back` development. +The `Front` results in the interface of the application being visible to a user and the` Back` the part invisible and inaccessible to a user. + +## 3. What training did I take? + +When I started, I took a course on [OpenClassrooms](https://openclassrooms.com) to learn Java syntax. +In addition, I bought myself a big book, a very big 400-page book called `Programming in Java`. I acquired new functionalities such as the principles of object programming for example. +Today, I mostly learn on my own using the Internet and development discord servers. +Recently, I have been taking training on [Udemy](https://udemy.com) in particular to learn **Go** and **Docker**. +Finally, I also use [YouTube](https://youtube.com) to follow more or less technical tutorials. + +## 4. What am I able to achieve today + +Currently, I can make entire web applications, both the `Back` and the `Front`. As mobile and office applications are based on the same technologies, +I also know how to develop applications of this type. To see all my skills mastered, please visit my [About](/about) page, in the _Technical Skills_ section. + +## 5. How do I see my future in this field? + +I am currently asking myself a lot of questions about my future in development and my professional future. So I attend a lot of computer conferences and do a lot of research. +Lately, I learned about an area that I knew only vaguely. It was a great interest that immediately developed in this area because it meets all my expectations, +and I think I will thrive in this area a lot! + +## 6. Conclusion + +Now you know everything about my beginning and my journey. I hope I have answered all your questions and that you know how to start your journey! +I am available for all your additional questions! + +## Information + +In addition, I would like to thank **\_RealAlpha\_** and **Freeze** (and all the others) who answered all my questions and with whom I share a great passion! +I started the web efficiently thanks to Freeze, thanks to you πŸ˜‰ +They are very active on Discord servers and will be able to help you with Java and Web development. diff --git a/src/content/writing/new-website.md b/src/content/writing/new-website.md new file mode 100644 index 0000000..3074745 --- /dev/null +++ b/src/content/writing/new-website.md @@ -0,0 +1,65 @@ +--- +slug: 'new-website' +title: 'New version for my portfolio' +description: 'Description de test' +publishedAt: '04 September 2023' +readingMins: 5 +--- + +## Presentation + +After long months of development, I have the honor to present you with a brand new version of my site. +What's new? What techniques were used? Everything will be detailed in this article. + +### Summary: +- Why a new version? +- Why was it so long? +- What does this new version offer? +- What technologies are used? +- Conclusion + +## 1. Why a new version? +a +You should know that I have discovered lots of new technologies concerning web development. +Indeed, it is an area that I have always wanted to discover. So I started a year ago to release my site, its first version. +Being new to this field, the code quickly became complicated to maintain and is not flexible at all. +These constraints meant that I could not update it often and when I wanted. +In addition, having more experience in this field, I wanted to improve the design of my site by making it more +editable and improving the code. + +## 2. Why was it so long? + +I am currently in Terminale gΓ©nΓ©rale, which is why I have a lot of homework that takes time +staff that I prefer to devote rather than to development. I am often under pressure because of this new +Baccalaureate, where all marks count towards the final Baccalaureate mark. +I don't have a creative mind, so I try to be as satisfied as possible with the result of the +design of my site. I also discovered new technologies, yes again, which took a while to learn before rushing headlong into the code. I tried to be more organized in the code, +to save time, as I had little. + +## 3. What does this new version offer? + +This new version offers many more features than the previous version: + +- Better mobile rendering πŸ“± +- A day module 🌞 and a night module 🌚 +- A multi-language site 🌍 +- A dynamization of the content βš™ +- A blog βœ’ +- A portfolio πŸŽ“ +- A personal CV βœ‰ +- A better point of contact πŸ“Œ + +## 4. What technologies are used? + +In this version, I used several technologies: + +- NuxtJs for server-side rendering +- VueJs for user interface +- TailwindCss & Sass for style +- NuxtJs / Content for all content + +## 5. Conclusion + +To conclude, I am very satisfied with the result of this new version, with its features. +I'll let you visit the rest of the site and give me your opinion! + diff --git a/src/content/writing/test-2.md b/src/content/writing/test-2.md deleted file mode 100644 index d645e4c..0000000 --- a/src/content/writing/test-2.md +++ /dev/null @@ -1,64 +0,0 @@ ---- -slug: 'test-2' -title: 'Test' -description: 'Description de test' -publishedAt: '06 February 2021' -modifiedAt: '06 February 2021' -readingMins: 5 -cover: 'test' -author: 'arthurdanjou@outlook.fr' ---- -This is my new post ! - -```ts -const test = 'Hello World !' -console.log(test) -``` - -> Block quote - -`code inline` - -`const codeInline: string = 'highlighted code inline'`{lang="ts"} - -## H2 Heading - -### H3 Heading - -- Just -- An - -Is it laggy ? - -- Unordered -- List - -**Just a strong paragraph.** - -_Just an italic paragraph._ - -Divider under. - ---- - -Divider above. - -[Hello World](https://google.com) - -Voici un [Lien](https://google.com) vers Google - -```js [.eslintrc.js] -module.exports = { - extends: [ - // ... - 'plugin:vue/vue3-recommended', - // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x. - ], -} -``` - -| Key | Type | Description | Test | -|-----|-----------|-------------|--------| -| 1 | Wonderful | Table | This | -| 2 | Type 2 | Data | is | -| 3 | Wonderful | Website | a test | diff --git a/src/content/writing/test.md b/src/content/writing/test.md deleted file mode 100644 index 1689aff..0000000 --- a/src/content/writing/test.md +++ /dev/null @@ -1,27 +0,0 @@ ---- -slug: 'test' -title: 'Test de titre plus long' -description: "Description de test, car c'est mieux que l'ancien" -publishedAt: '7 May 2021' -readingMins: 5 -cover: 'test' -author: 'arthurdanjou@outlook.fr' ---- - -# Titre 1 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis enim. Sed tincidunt eros quis justo dignissim accumsan. Aenean dignissim vehicula mauris, vitae feugiat lectus sagittis eu. Aliquam erat volutpat. Donec ligula enim, feugiat in orci non, consequat hendrerit felis. Mauris et erat at quam porttitor dapibus quis sed tortor. Mauris at tristique mi. Nullam risus purus, facilisis eu hendrerit id, tincidunt tempus leo. Sed elementum lacus eget lectus bibendum, luctus venenatis nibh condimentum. Phasellus congue vel tortor tempus ornare. - -## Titre 2 -Sed placerat tincidunt vestibulum. Nulla in justo rhoncus, auctor nunc dignissim, convallis ligula. Pellentesque at tellus quis sem mollis placerat. Vestibulum ac neque vulputate, sagittis turpis quis, bibendum dui. In venenatis non ligula ac scelerisque. Proin suscipit dictum lacus eu pharetra. Aenean eleifend condimentum risus nec ultrices. In consectetur id metus sit amet euismod. - -### Titre 3 -Proin lobortis vestibulum augue, feugiat tristique felis eleifend quis. Mauris rhoncus arcu in quam mollis ultricies. Nunc tortor turpis, egestas sed pellentesque nec, sagittis tristique elit. Etiam quis tellus pellentesque, bibendum neque a, tempus libero. Donec eros felis, maximus vitae feugiat at, dictum non diam. Ut sit amet mi auctor, egestas elit eget, ultricies nunc. Aliquam nec convallis dolor. Nullam nisi dolor, rutrum non lacus a, suscipit rutrum erat. Sed semper leo ut nisl tristique facilisis. Nulla dolor lectus, tempor ut mauris quis, mollis pretium turpis. Nunc vel orci risus. Nullam pretium, ante eget facilisis congue, eros ligula tempus velit, quis molestie neque magna vel turpis. Donec et erat maximus, fermentum metus non, scelerisque ligula. - -#### Titre 4 -Nullam sit amet elementum felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis semper orci. Proin mi magna, maximus sed vehicula aliquet, eleifend a enim. Vivamus id dolor id dolor hendrerit congue molestie placerat magna. Nunc scelerisque augue at arcu tristique mattis. Aenean a enim eget nisl aliquet varius at quis nunc. Nullam vulputate lobortis tortor, sed placerat leo pharetra a. - -##### Titre 5 -Nam semper nisl eget nulla pellentesque, nec tempor augue suscipit. Morbi finibus felis non condimentum finibus. Sed ut facilisis odio. Pellentesque sit amet tellus sed felis semper laoreet. Curabitur dignissim dignissim ipsum, a rhoncus erat consequat id. Vestibulum suscipit pharetra maximus. Quisque posuere porta libero non convallis. Suspendisse potenti. Cras eget urna maximus metus tempor sodales. Vivamus commodo nulla eros, vel volutpat massa rhoncus ac. Vestibulum vulputate libero et est interdum, vel facilisis lorem posuere. Integer ultricies pulvinar vehicula. Suspendisse faucibus bibendum ligula, at tempus diam dignissim non. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed lacus enim, pellentesque eget leo ut, faucibus convallis metus. - -###### Titre 6 -Nam semper nisl eget nulla pellentesque, nec tempor augue suscipit. Morbi finibus felis non condimentum finibus. Sed ut facilisis odio. Pellentesque sit amet tellus sed felis semper laoreet. Curabitur dignissim dignissim ipsum, a rhoncus erat consequat id. Vestibulum suscipit pharetra maximus. Quisque posuere porta libero non convallis. Suspendisse potenti. Cras eget urna maximus metus tempor sodales. Vivamus commodo nulla eros, vel volutpat massa rhoncus ac. Vestibulum vulputate libero et est interdum, vel facilisis lorem posuere. Integer ultricies pulvinar vehicula. Suspendisse faucibus bibendum ligula, at tempus diam dignissim non. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed lacus enim, pellentesque eget leo ut, faucibus convallis metus.