-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutorials.html
208 lines (180 loc) · 13.7 KB
/
tutorials.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="google-adsense-account" content="ca-pub-1192712510796428">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">
<base href="/">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
<link rel="manifest" href="favicons/site.webmanifest">
<title>Free Courses/Tutorials - Coding Beast</title>
<meta name="description"
content="Explore the ultimate free courses and tutorials of programming languages and other many techs to boost your skills">
<meta name="keywords" content="coding beast, free coding courses, free coding tutorials, free dart course, free kotlin course, free android app development course, android app development course, app development course, android development course, free android development course, learn coding online, coding beast notes, coding notes">
<link rel="stylesheet" href="css/tutorials.css">
</head>
<body>
<header>
<nav class="navbar h-nav">
<ul class="nav-list v-class">
<li class="logo"><a href="index.html" class="codingbeast">Coding Beast</a></li>
<div class="lis">
<li class="home"><a href="index.html" class="items">Home</a></li>
<li class="tutorials"><a href="tutorials.html" class="items">Tutorials</a></li>
<li class="notes"><a href="notes.html" class="items">Notes</a></li>
<li class="blogs"><a href="blogs.html" class="items">Blogs</a></li>
</div>
</ul>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
</header>
<main>
<h1 class="ult-courses">Ultimate Courses</h1>
<div class="ult-cont">
<div class="tut-cont">
<img src="img/kotlin.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Complete Kotlin Tutorial [Hindi]</h5>
<p class="tut-desc">This course is Best for those who wants to learn Kotlin Language from starting to the end in order to be a good Android App Developer. I have covered each and every topic in this course and this course is beginner's free as well. I have also prodivded my Handwritten Notes in this course that is absolutely helpful.</p>
<a href="https://youtu.be/BqRVQ2XV8hI?si=qeuz_iNRbTvb1r2H" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/android.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Android Development Tutorial [Hindi]</h5>
<p class="tut-desc">This course will teach you everything about android app development with Kotlin from starting to the end. This course is Beginners Free and will make you Advanced android app developer till end of the course. I have also prodivded my Handwritten Notes in this course that is absolutely helpful.</p>
<a href="https://www.youtube.com/watch?v=hZZxY0iPfhY&t=1s" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/dart.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Complete Dart Tutorial [Hindi]</h5>
<p class="tut-desc">This course is Best for those who wants to learn Dart Language from starting to the end in order to be a good Flutter App Developer. I have covered each and every topic in this course and this course is beginner's free as well. I have also prodivded my Handwritten Notes in this course that is absolutely helpful.</p>
<a href="https://youtu.be/sx4Kt_QjVoo?si=gKgi5VgehemM2Zgu" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
</div>
<h1 class="ult-courses">Web Tutorials</h1>
<div class="ult-cont">
<div class="tut-cont">
<img src="img/mongow.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">MongoDB Database Tutorial</h5>
<p class="tut-desc">In this video you will learn the easiest way to download your html user data in mongoDB Database. MongoDB Database is amazing and simple database that proves us multiple feautures and easiest way to work with the data in this database. I have provided the codes of this tutorial as well.</p>
<a href="https://youtu.be/wYgtzbuq9nY?si=GqkD2_Gigso_EK1W" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/darklightw.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Dark Light Theme Website Tutorial</h5>
<p class="tut-desc">Learn how you can create a website that has Dark and Light theme. You can easily learn how you can make your website having 2 themes that is Dark and Light and even you can add more themes by yourself. Different themes websites can be achieved using just HTML, CSS and Javascript</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/lottiw.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Using Lottie Files In Website Tutorial</h5>
<p class="tut-desc">Lottie Files provides amazing interactive animations that we can use in our websites. It also provides us many amazing Free animations as well so that we can use it freely anywhere we want. Watch this video tutorial to learn how you can use lottie files in your website to give your website a great look.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/hackw.jpg" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Hacking Interface Website Tutorial</h5>
<p class="tut-desc">Creating a good interface design of the website plays a very important role so Boost up your web designing skills with this video by learning to develop this amazing hacking website interface. Using bootstrap can make our work easy so i used that as well in this web.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/slidew.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Slider-Slideshow Website Tutorial</h5>
<p class="tut-desc">The more interactive our website will be the more it will look good; that's what sliders or slideshows does. Sliders and Slideshows makes our website interactive so Learn in this video tutorial how you can make slider or slideshow in easiest way.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/clockw.jpg" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Clock Website Tutorial</h5>
<p class="tut-desc">Creating website projects is a great way for practice and boosting our web development skills. If you want to create a simple clock website then this video tutorial is for you, Watch the video to learn how you can create a simple clock website with HTML, CSS and Javascript.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
</div>
<h1 class="ult-courses">Video Editing Tutorials</h1>
<div class="ult-cont">
<div class="tut-cont">
<img src="img/vsdc.jpg" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">VSDC Video Editor Tutorial</h5>
<p class="tut-desc">VSDC Video Editor is an amazing video editor that provides vast number of properties and features. The best thing about VSDC video editor is that it's Free. There are more features in it that are paid but most of the stuffs you need for editing your video is completely free. Watch this tutorial to learn VSDC easily.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/veed.jpg" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">VEED.IO Video Editor Tutorial</h5>
<p class="tut-desc">VEED.IO Video Editor is another amazing video editor that provides vast number of properties and features. VEED.IO video editor is Online Video Editor that provides many features for Free as well. There are more features in it as well that are paid but most of the stuffs you need for editing your video is completely free.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/flexclip.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">FlexClip Video Editor</h5>
<p class="tut-desc">FlexClip Video Editor is another amazing online video editor that provides vast number of properties and features. FlexClip video editor is Free as well that provides many features for Free. There are more features in it as well that are paid but most of the stuffs you need for editing your video is completely free.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
</div>
<h1 class="ult-courses">More Tutorials</h1>
<div class="ult-cont">
<div class="tut-cont">
<img src="img/github.png" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">GitHub Tutorial</h5>
<p class="tut-desc">GitHub is a web-based platform for version control and collaboration, allowing developers to store and manage code repositories. It supports project management, code review, and continuous integration to enhance software development workflows. Watch this quick tutorial for learning GitHub.</p>
<a href="https://youtu.be/jdd_kqGtLyE?si=I7U7Lij0b3vhe-61 target="_blank""><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/cmd.jpg" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">Command Prompt (CMD) Tutorial</h5>
<p class="tut-desc">The Command Prompt is a command-line interface in Windows used to execute text-based commands for various system tasks. It allows users to navigate the file system, manage files, and run scripts and programs. Theres many helpful commands that we can use on daily basis So watch this Tutorial to learn CMD easily.</p>
<a href="https://www.youtube.com/@codingbeastt/" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
<div class="tut-cont">
<img src="img/pythonseries.jpg" class="tut-img" alt="img">
<div class="tut-abt">
<h5 class="tut-name">The Interesting Python Series-Playlist</h5>
<p class="tut-desc">This Series is filled with interesting and important stuffs in Python. This series contains many important and interesting Python Modules, Python Projects, Downloading Instagram's stuffs with Python, Understanding complicated hard concepts of Python, Quizes and Many More. Explore this playlist Now.</p>
<a href="https://www.youtube.com/playlist?list=PLfuOQKRlTJ5u1BbGD4b845FySrd4sU5A3" target="_blank"><button class="watch-btn">Watch Tutorial</button></a>
</div>
</div>
</div>
</main>
<footer>
<div class="foot">
Copyright © 2024 | Coding Beast
</div>
</footer>
<script src="js/index.js"></script>
</body>
</html>