Registration Closed

<p>This session was conducted by Pritesh Jain, who is a Technical Architect at Contentstack.&nbsp;</p>
<p>As you begin your programming career, you are likely to use several tools and resources for coding. The better you know the resources, the more efficient you will become.&nbsp;</p>
<p>In this online session, he discussed the process of building a simple web application, and gave an overview of the important tools and resources that you use along the way. This session helped one understand some terms/concepts associated with programming. &nbsp; <br></p>
<p>Here are some of the topics that were discussed&nbsp;in this session:&nbsp;</p>
<ul><li>Web Application&nbsp;</li><li>APIs</li><li>Frontend</li><li>Backend</li><li>IDE&nbsp;</li><li>Types of Servers&nbsp;</li><li>Environment&nbsp;</li><li>Debugging&nbsp;</li></ul>
<p></p>
<p>If you missed attending this session, <a href="/subscribe">subscribe</a> to our events and get updates on our upcoming events.</p>

About The Event

image1-background.jpg

image1-thumbnail.jpg

Online session on ‘Tools, Resources and Concepts Every Beginner Programmer Should Know’

Footer Navigation

Learn the process of building a simple web application, and know important tools and resources that you use along the way.

Facebook.svg

Facebook

Linkedin.svg

Linkedin

Twitter.svg

Twitter

Share With Friends

<p>Pritesh Jain works as a Technical Architect at Contentstack. He is an entrepreneurial, geek hearted person with 10+ years of Technical Experience and has worked with Bookmyshow, Pricebaba, and more. In his spare time, he enjoys Air pistol shooting and likes to discuss politics with coworkers.</p>

Pritesh.jpg

Pritesh Jain

Speaker

Upcoming Events

<p>If you think you’ve got what it takes to solve real-world IT problems, here’s your chance to show your skills.</p>
<p><strong>#TechSurf2020</strong> is a unique coding competition and an incubation event, where you get a chance to work on solving real problems and get nurtured by industry professionals.</p>
<p>This event is an opportunity for you to test your programming skills and give a major boost to your career. And what’s more, the total prize money up for grabs is Rs 15 lakh.</p>
<h4>Current stage: Initial screening test </h4>
<p>The event is currently in the initial screening test stage, where we have assigned tasks to participants to check their eligibility to take up the actual projects of the event. The stage kicked off on 3rd July 2020 and will end on 28th July 2020.</p>
<p>The tasks for participants are as follows:</p>
<h5><strong>Frontend-related tasks </strong></h5>
<p>Participants who opted for ‘Frontend’ as their area of expertise need to complete any one of the two tasks given below. </p>
<h6><strong>Task 1 </strong></h6>
<p>Create a JSON-based rich text editor (RTE) that stores content in JSON in a specific way. </p>
<p>Just so you don’t have to reinvent the wheel, you can use this <a href="https://www.slatejs.org/examples/richtext">rich text example</a> by Slate (a customizable framework for building rich text editors) as the base framework. And <a href="https://github.com/ianstormtaylor/slate/blob/master/site/examples/richtext.js">here’s the source code</a> of this example.  </p>
<p>In the source code, you will see that the JSON data (of the formatted text that’s in the RTE) is stored in the “text” element in a particular way. </p>
<p>Your task is to instead create a <a href="https://docs.slatejs.org/walkthroughs/03-defining-custom-elements">custom element</a> called “rich-text” and store the JSON data in the following way:<br></p>
<pre>[ 
    {
        "type": "doc",
        "children": [
          {
                "type": "rich-text",
                "data": [["This is editable "], ["rich", ["b"]], [" text, "], ["much", ["i"]], [" better than a "], ["&lt;textarea&gt;", ["c"]], ["!"]]                                                                   
          },                                  
           {
                "type": "rich-text",
                "data": [["Since it's rich text, you can do things like turn a selection of text "], ["bold", ["b"]], [", or add a semantically rendered block quote in the middle of the page, like this:"]]
           },
           {
               "type": "quote",
               "data": [["A wise quote."]]
            },
            {
               "type": "rich-text",
               "data": [["Try it out for yourself!"]]
             }
         ]
     }
]</pre>
<p>Customize the RTE code in a way that any content you add to the RTE should give a JSON output in the way mentioned above. </p>
<p>Add an additional button to the RTE called “Export” that exports the JSON. </p>
<p>Please host your RTE somewhere and email us with the link so that we can test it by changing the text and exporting the JSON.</p>
<h6><strong>Task 2 </strong></h6>
<p>Develop a Google Chrome extension with the following functionalities:</p>
<ol><li>The extension, when enabled, should add a floating button/widget on any Google Doc page you visit.</li><li>When clicked on this button/widget, it should give two options: “Add JSON” and “Print JSON”.</li><li>The “Add JSON” button should accept JSON schema as input in an input field.</li><li>The “Print JSON” button should print the JSON schema on the currently opened Google Doc page.</li></ol>
<p>Email us the zip file of your extension.</p>
<h5>Backend-related tasks </h5>
<p>Participants who opted for ‘Backend’ as their area of expertise need to complete any one of the two tasks given below. </p>
<h6><strong>Task 1</strong></h6>
<p>Write a program that analyses a voice call file. It should be able to do the following:</p>
<ol><li>Identify the number of people speaking in the audio file.</li><li>Provide a point-in-time break-up of the speech duration of each speaker involved in the conversation. <br><strong>Example</strong>:<br>Person 1 - 0:00-0:02<br>Person 2 - 0:03-0:45<br>Person 3 - 0:46-1:23<br>Person 1 - 1:25-1:56</li><li>Your code should be generic enough to work on other voice files too.</li></ol>
<p>We have shared sample audio files in three different formats.&nbsp;You can find them here: <a href="https://bit.ly/32DPqa7">https://bit.ly/32DPqa7</a>. You can write your code for any one format. When you share your code, please specify the format for which you have written the code. </p>
<h6><strong>Task 2</strong></h6>
<p>Develop a mobile app for watching videos. The app should be able to do the following:</p>
<ol><li>Fetch videos from Youtube</li><li>Display videos one below the other</li><li>Jump to next video as you scroll down</li><li>The video in focus should start playing automatically</li></ol>
<p>You need to provide the code of the mobile application that you develop. Here’s the link to the wireframes of the application: <a href="https://bit.ly/3eCBu2b">https://bit.ly/3eCBu2b</a>.</p>
<p>Once you complete the task, send us your response to <a href="mailto:info@surfboardventures.com">info@surfboardventures.com</a>.</p>
<h5>Mobile-related task</h5>
<p>Participants who opted for ‘Mobile’ as their area of expertise need to complete the task given below. </p>
<h6><strong>Task </strong></h6>
<p>Develop a mobile app for watching videos. The app should be able to do the following:</p>
<ol><li>Fetch videos from Youtube</li><li>Display videos one below the other</li><li>Jump to next video as you scroll down</li><li>The video in focus should start playing automatically</li></ol>
<p>You need to provide the code of the mobile application that you develop. Here’s the link to the wireframes of the application: <a href="https://bit.ly/3eCBu2b">https://bit.ly/3eCBu2b</a>.</p>
<p>Once you complete the task, send us your response to&nbsp;<a href="mailto:info@surfboardventures.com">info@surfboardventures.com</a>.</p>
<h4>Deadline for Initial Screening Task</h4>
<p>The initial screening test task should be submitted on or before 29th July 2020.</p>
<h4>Rules of the event</h4>
<ul><li>The event is strictly for college students of any graduation and post-graduation programme</li><li>Students from any educational stream can participate</li><li>Participants cannot take part in more than one project</li><li>The event and the event projects are meant to help grow and nurture students’ skills. Any help from non-participants is strictly prohibited and can result in immediate disqualification.</li></ul>
<h4>Terms and conditions</h4>
<p>Please read our <a href="https://drive.google.com/file/d/18hVgbbORw0mRiM5phm8AFM3GRE7PdkDv/view?usp=sharing">terms and conditions</a> carefully and send us a digitally signed copy of the doc. The signed T&C doc should reach us before or along with your completed initial screening test.</p>

Blank.png

Techsurf_Small_(1).png

Show your coding skills and win lakhs of rupees

#TechSurf2020

#TechSurf2020 | Surfboard Ventures

#TechSurf2020 - Show your coding skills and win lakhs of rupees

Registration Is Closed. See Other Events

<p><br>Your first job really matters. The role, the salary, and the experience that you get from it builds the foundation and has the potential to define the rest of your career. It is therefore important to grab what’s best for you right from the beginning. </p>
<p>But, in this competitive job market, how do you stand out from the rest and get the best job? How do you make sure you are at the right place at the right time so that your favorite organization offers you the best profile?</p>
<p>These questions were answered in&nbsp;a virtual session “<strong>10 Powerful Ways to Build Your Brand and Market Yourself</strong>”&nbsp;conducted on&nbsp;<strong>20th August 2020 </strong>for college students across&nbsp;Mumbai.&nbsp;</p>


<p>The session was conducted by <strong><a href="https://www.linkedin.com/in/patelnishant/" target="_blank">Nishant Patel</a></strong>, who is the Founder and&nbsp;CTO at Contentstack, and <strong><a href="https://www.linkedin.com/in/grezzle-d-silva-97360846/" target="_blank">Grezzle Dsilva</a></strong>, who works as a Project Manager with Raw Engineering and has about 14+ years of experience in this domain. They spoke extensively about how you can create your profile that every company desires, and how to increase the visibility of your profile.<br></p>


Banner.png

Thumb.png

10 Powerful Ways to Build Your Brand and Market Yourself

10 Powerful Ways to Build Your Brand and Market Yourself | Surfboard Ventures Events

Speakers

Online session on ‘Tools, Resources and Concepts Every Beginner Programmer Should Know’

About The Event

Event Date

Channel

Speaker

Pritesh Jain

Share With Friends

Surfboard Event Gallery

Surfboard Office Gallery