-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcoding.html
147 lines (137 loc) · 11.4 KB
/
coding.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Waveform Generation</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/wavgen.css">
<link rel="stylesheet" href="css/fonts.css">
<style>
@media screen and (max-width: 700px) {
.responsive-div {
width: 95%;
}
}
</style>
</head>
<body>
<!-- Placeholder for the subnav component -->
<div id="datasubnav-container"></div>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01" alt="ball1">
<div id="caption"></div>
</div>
<div class="header">
<h2><a href="coding.html">Application Development</a></h2>
</div>
<a href="coding.html" style="text-decoration: none; background-color: #340093;">
<div class="responsive-div" style="width: 90%; background-color: #FFFFFF; color: #000000; font-family: 'Fira Sans'; padding: 20px; margin: 20px left; border: 5px solid #000000;
background-image: url('images/textures/greenarcsquare.jpg'); background-blend-mode: normal; background-size: cover;">
<h1 style="font-family: 'Fira Sans'; color: #000000;">Modern Application Development</h1>
<h2 style="font-family: 'Fira Sans'; color: #000000;">AI-Assisted Coding Across Multiple Platforms</h2>
<p style="font-family: 'Fira Sans'; color: #000000;">
Embracing the future of software development through AI-enhanced coding practices. Our development ecosystem leverages
cutting-edge AI assistants like GitHub Copilot paired with Claude 3.5 Sonnet and TabNine with GPT-4o in Visual Studio Code,
revolutionizing how we write and maintain code across multiple platforms and languages.
</p>
<p style="font-family: 'Fira Sans'; color: #000000;">
From building sophisticated web applications with Next.js to crafting robust backend services with Python and Ruby on Rails,
our projects seamlessly deploy across leading cloud platforms including Vercel, Heroku, Azure, AWS, Google Cloud, and IBM Cloud.
This multi-platform approach allows us to leverage the best features of each service while maintaining a unified presence through
GitHub Pages integration.
</p>
</div>
</a>
<div class="row">
<div class="side">
<h3>Let's use this page for now for some links</h3>
<h3></h3>
</div>
<div class="main">
<!--
This section of the HTML document creates an unordered list of links to various programming languages, frameworks, cloud services, and educational resources.
Each list item contains a hyperlink that opens in a new tab. Note that these comments were added using GPT-40 via Tabnine is VS Code, I wrote noe of this!
-->
<ul> <!-- Start of an unordered list -->
<li><a href="https://www.python.org/" target="_blank">Python</a></li> <!-- Link to the Python programming language website -->
<li><a href="https://www.java.com/" target="_blank">Java</a></li> <!-- Link to the Java programming language website -->
<li><a href="https://www.javascript.com/" target="_blank">JavaScript</a></li> <!-- Link to the JavaScript programming language website -->
<li><a href="https://greensock.com/gsap/" target="_blank">GSAP</a></li> <!-- Link to the GSAP animation library website -->
<li><a href="https://www.ruby-lang.org/" target="_blank">Ruby</a></li> <!-- Link to the Ruby programming language website -->
<li><a href="https://www.php.net/" target="_blank">PHP</a></li> <!-- Link to the PHP programming language website -->
<li><a href="https://swift.org/" target="_blank">Swift</a></li> <!-- Link to the Swift programming language website -->
<li><a href="https://kotlinlang.org/" target="_blank">Kotlin</a></li> <!-- Link to the Kotlin programming language website -->
<li><a href="https://golang.org/" target="_blank">Go</a></li> <!-- Link to the Go programming language website -->
<li><a href="https://www.rust-lang.org/" target="_blank">Rust</a></li> <!-- Link to the Rust programming language website -->
<li><a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a></li> <!-- Link to the TypeScript programming language website -->
<li><a href="https://www.cplusplus.com/" target="_blank">C++</a></li> <!-- Link to the C++ programming language website -->
<li><a href="https://learn.microsoft.com/en-us/dotnet/csharp/" target="_blank">C#</a></li> <!-- Link to the C# programming language documentation -->
<li><a href="https://dart.dev/" target="_blank">Dart</a></li> <!-- Link to the Dart programming language website -->
<li><a href="https://www.scala-lang.org/" target="_blank">Scala</a></li> <!-- Link to the Scala programming language website -->
<li><a href="https://www.perl.org/" target="_blank">Perl</a></li> <!-- Link to the Perl programming language website -->
<li><a href="https://elixir-lang.org/" target="_blank">Elixir</a></li> <!-- Link to the Elixir programming language website -->
<li><a href="https://www.latex-project.org/" target="_blank">LaTeX</a></li> <!-- Link to the LaTeX typesetting system website -->
<li><a href="https://nodejs.org/" target="_blank">Node.js</a></li> <!-- Link to the Node.js JavaScript runtime website -->
<li><a href="https://reactjs.org/" target="_blank">React</a></li> <!-- Link to the React JavaScript library website -->
<li><a href="https://angular.io/" target="_blank">Angular</a></li> <!-- Link to the Angular framework website -->
<li><a href="https://vuejs.org/" target="_blank">Vue.js</a></li> <!-- Link to the Vue.js framework website -->
<li><a href="https://www.djangoproject.com/" target="_blank">Django</a></li> <!-- Link to the Django web framework website -->
<li><a href="https://flask.palletsprojects.com/" target="_blank">Flask</a></li> <!-- Link to the Flask web framework website -->
<li><a href="https://rubyonrails.org/" target="_blank">Ruby on Rails</a></li> <!-- Link to the Ruby on Rails web framework website -->
<li><a href="https://laravel.com/" target="_blank">Laravel</a></li> <!-- Link to the Laravel web framework website -->
<li><a href="https://expressjs.com/" target="_blank">Express</a></li> <!-- Link to the Express.js web framework website -->
<li><a href="https://spring.io/" target="_blank">Spring</a></li> <!-- Link to the Spring framework website -->
<li><a href="https://aws.amazon.com/" target="_blank">AWS</a></li> <!-- Link to the Amazon Web Services website -->
<li><a href="https://azure.microsoft.com/" target="_blank">Microsoft Azure</a></li> <!-- Link to the Microsoft Azure cloud services website -->
<li><a href="https://cloud.google.com/" target="_blank">Google Cloud</a></li> <!-- Link to the Google Cloud services website -->
<li><a href="https://www.heroku.com/" target="_blank">Heroku</a></li> <!-- Link to the Heroku cloud platform website -->
<li><a href="https://www.digitalocean.com/" target="_blank">DigitalOcean</a></li> <!-- Link to the DigitalOcean cloud services website -->
<li><a href="https://www.codecademy.com/" target="_blank">Codecademy</a></li> <!-- Link to the Codecademy online learning platform -->
<li><a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a></li> <!-- Link to the freeCodeCamp online learning platform -->
<li><a href="https://www.udacity.com/" target="_blank">Udacity</a></li> <!-- Link to the Udacity online learning platform -->
<li><a href="https://www.khanacademy.org/computing/computer-programming" target="_blank">Khan Academy</a></li> <!-- Link to the Khan Academy computer programming section -->
<li><a href="https://www.udemy.com/" target="_blank">Udemy</a></li> <!-- Link to the Udemy online learning platform -->
<li><a href="https://www.coursera.org/" target="_blank">Coursera</a></li> <!-- Link to the Coursera online learning platform -->
<li><a href="https://www.edx.org/" target="_blank">edX</a></li> <!-- Link to the edX online learning platform -->
<li><a href="https://stackoverflow.com/" target="_blank">Stack Overflow</a></li> <!-- Link to the Stack Overflow Q&A platform -->
<li><a href="https://github.com/" target="_blank">GitHub</a></li> <!-- Link to the GitHub code hosting platform -->
<li><a href="https://gitlab.com/" target="_blank">GitLab</a></li> <!-- Link to the GitLab code hosting platform -->
<li><a href="https://bitbucket.org/" target="_blank">Bitbucket</a></li> <!-- Link to the Bitbucket code hosting platform -->
<li><a href="https://www.tensorflow.org/" target="_blank">TensorFlow</a></li> <!-- Link to the TensorFlow machine learning library website -->
<li><a href="https://pytorch.org/" target="_blank">PyTorch</a></li> <!-- Link to the PyTorch machine learning library website -->
<li><a href="https://scikit-learn.org/" target="_blank">scikit-learn</a></li> <!-- Link to the scikit-learn machine learning library website -->
<li><a href="https://www.r-project.org/" target="_blank">R</a></li> <!-- Link to the R programming language website -->
<li><a href="https://www.kdnuggets.com/" target="_blank">KDnuggets</a></li> <!-- Link to the KDnuggets data science website -->
<li><a href="https://towardsdatascience.com/" target="_blank">Towards Data Science</a></li> <!-- Link to the Towards Data Science publication -->
<li><a href="https://www.analyticsvidhya.com/" target="_blank">Analytics Vidhya</a></li> <!-- Link to the Analytics Vidhya data science website -->
<li><a href="https://www.datacamp.com/" target="_blank">DataCamp</a></li> <!-- Link to the DataCamp online learning platform -->
<li><a href="https://www.kaggle.com/" target="_blank">Kaggle</a></li> <!-- Link to the Kaggle data science platform -->
<li><a href="https://www.postman.com/" target="_blank">Postman</a></li> <!-- Link to the Postman API development tool website -->
<li><a href="https://www.tutorialspoint.com/" target="_blank">TutorialsPoint</a></li> <!-- Link to the TutorialsPoint online learning platform -->
<li><a href="https://www.learnpython.org/" target="_blank">Learn Python</a></li> <!-- Link to the Learn Python online tutorial -->
<li><a href="https://www.learnjavascript.online/" target="_blank">Learn JavaScript</a></li> <!-- Link to the Learn JavaScript online tutorial -->
<li><a href="https://www.learnrubythehardway.org/" target="_blank">Learn Ruby the Hard Way</a></li> <!-- Link to the Learn Ruby the Hard Way online tutorial -->
<li><a href="https://www.learn-c.org/" target="_blank">Learn C</a></li> <!-- Link to the Learn C online tutorial -->
<li><a href="https://www.learncpp.com/" target="_blank">Learn C++</a></li> <!-- Link to the Learn C++ online tutorial -->
</ul> <!-- End of the unordered list -->
</div>
</div>
<div class="row">
<div class="side">
<h3>Future Animations</h3>
<p><img src="images/1.gif" alt="Code 1" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>Coding Project</h4>
<h4>Next.js + Python 2024</h4>
</div>
</div>
<!-- Placeholder for the footer component -->
<div id="footer-container"></div>
<!-- Load the component loader script -->
<script src="js/loadComponents.js"></script>
<script src="js/modal.js"></script>
</body>
</html>